:root{
  --green:#174f38;--green-dark:#0f3d2b;--green-soft:#eaf2ed;--lime:#7fa33a;
  --yellow:#f1c84b;--white:#fff;--off:#f5f7f6;--ink:#17251f;--muted:#66736c;
  --line:#dce4df;--shadow:0 18px 50px rgba(20,55,40,.10);--shadow-soft:0 8px 26px rgba(20,55,40,.075);
  --radius:24px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:9999;background:#fff;padding:.8rem 1rem;border-radius:12px;box-shadow:var(--shadow)}.skip-link:focus{top:1rem}.icon{width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(23,79,56,.10);backdrop-filter:blur(16px);transition:.25s}.site-header.scrolled{box-shadow:0 8px 30px rgba(20,55,40,.08)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:220px}.brand img{width:82px;height:58px;object-fit:contain}.brand strong{display:block;color:var(--green-dark);font-size:1.18rem;line-height:1.1;font-weight:850}.brand small{display:block;color:var(--muted);font-size:.74rem;margin-top:3px}.main-nav{display:flex;align-items:center;gap:3px}.main-nav a{text-decoration:none;padding:.72rem .76rem;border-radius:999px;font-weight:720;font-size:.91rem;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current=page]{background:var(--green-soft);color:var(--green-dark)}.main-nav .nav-buy{background:var(--green);color:#fff;border:2px solid var(--yellow);padding:.72rem 1rem;display:inline-flex;align-items:center;gap:7px;margin-left:6px}.main-nav .nav-buy:hover,.main-nav .nav-buy[aria-current=page]{background:var(--green-dark);color:#fff}.menu-toggle{display:none;width:50px;height:50px;border:1px solid var(--line);background:#fff;border-radius:15px;position:relative}.menu-toggle span,.menu-toggle::before,.menu-toggle::after{content:"";position:absolute;left:12px;right:12px;height:3px;background:var(--green);border-radius:3px;transition:.24s}.menu-toggle::before{top:15px}.menu-toggle span{top:23px}.menu-toggle::after{top:31px}.menu-toggle.open span{opacity:0}.menu-toggle.open::before{top:23px;transform:rotate(45deg)}.menu-toggle.open::after{top:23px;transform:rotate(-45deg)}
.hero{padding:22px 0 0}.hero-card{display:grid;grid-template-columns:1.03fr .97fr;min-height:650px;background:var(--green-dark);border-radius:32px;overflow:hidden;box-shadow:0 24px 70px rgba(20,55,40,.17)}.hero-content{padding:clamp(48px,6vw,86px);display:flex;flex-direction:column;justify-content:center;color:#fff}.display,.headline,.page-hero-copy h1,.game-head h1{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-weight:850;letter-spacing:-.045em;line-height:1.02}.hero-content .display{font-size:clamp(4.3rem,8vw,7rem);margin:.05rem 0 .7rem}.hero-claim{font-size:clamp(1.6rem,3vw,2.5rem);font-weight:800;line-height:1.15;margin:0 0 1.1rem}.lead{font-size:1.08rem;color:inherit;opacity:.9;max-width:620px}.eyebrow{display:block;margin:0 0 .65rem;color:var(--green);font-size:.74rem;text-transform:uppercase;letter-spacing:.15em;font-weight:900}.eyebrow-light{color:#f6d875}.hero-photo{position:relative;min-height:650px}.hero-photo>img{width:100%;height:100%;object-fit:cover}.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,61,43,.25),transparent 35%)}.photo-note{position:absolute;z-index:2;right:22px;bottom:22px;background:rgba(255,255,255,.94);border-radius:16px;padding:12px 15px;box-shadow:var(--shadow-soft)}.photo-note strong,.photo-note span{display:block}.photo-note strong{color:var(--green-dark)}.photo-note span{font-size:.78rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.5rem}.btn{min-height:48px;border-radius:999px;padding:.75rem 1.12rem;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;transition:.22s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-accent{background:var(--yellow);color:#25361f}.btn-secondary{background:#fff;color:var(--green-dark);border-color:var(--green)}.btn-secondary:hover{background:var(--green-soft)}.btn-white{background:#fff;color:var(--green-dark)}.btn-ghost{background:transparent;color:var(--green);border-color:var(--line)}.btn-ghost.light{color:#fff;border-color:rgba(255,255,255,.58)}.feature-strip{position:relative;z-index:3;width:calc(100% - 64px);margin:-34px auto 0;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,1fr)}.feature-item{padding:22px 26px}.feature-item+.feature-item{border-left:1px solid var(--line)}.feature-item strong,.feature-item span{display:block}.feature-item strong{color:var(--green-dark)}.feature-item span{color:var(--muted);font-size:.86rem;margin-top:2px}
.section{padding:92px 0}.section-alt{background:var(--off)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}.headline{font-size:clamp(2.25rem,4.4vw,4rem);margin:.1rem 0 .7rem;color:var(--green-dark)}.subhead{color:var(--muted);font-size:1.04rem;max-width:720px;margin:.25rem 0}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:800;text-decoration:none}.text-link:hover{text-decoration:underline}.editorial-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:20px}.editorial-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft);transition:.25s}.editorial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.editorial-card img{width:100%;height:230px;object-fit:cover}.editorial-feature img{height:315px}.editorial-body{padding:24px}.editorial-body h3{font-size:1.45rem;line-height:1.2;margin:.65rem 0;color:var(--green-dark)}.editorial-feature h3{font-size:2rem}.editorial-body p{color:var(--muted)}.tag{display:inline-flex;padding:.38rem .65rem;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:.73rem;font-weight:850}.tag.accent{background:#fff2b7;color:#5c4a00}
.farm-life-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:54px}.farm-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.farm-facts span{background:#fff;border:1px solid var(--line);padding:.55rem .8rem;border-radius:999px;font-weight:750;color:var(--green-dark)}.photo-collage{display:grid;grid-template-columns:1.4fr .6fr;gap:14px;min-height:480px}.photo-collage figure{margin:0;border-radius:24px;overflow:hidden;position:relative;background:#fff;box-shadow:var(--shadow-soft)}.photo-collage figure img{width:100%;height:100%;object-fit:cover}.photo-collage figure:not(.photo-large){margin-top:80px;margin-bottom:45px}.photo-collage figcaption{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.92);padding:.45rem .7rem;border-radius:999px;font-size:.7rem;color:var(--muted)}
.faq-teaser{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.faq-photo{height:480px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.faq-photo img{width:100%;height:100%;object-fit:cover}.sales-home{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.sales-home-photo{height:520px;border-radius:28px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.sales-home-photo img{width:100%;height:100%;object-fit:cover}.sales-home-photo>span,.kids-photo>span{position:absolute;left:18px;bottom:18px;background:var(--green-dark);color:#fff;border-radius:999px;padding:.55rem .8rem;font-weight:800;font-size:.78rem}.location-mini{display:grid;gap:9px;margin:24px 0}.location-mini span{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 15px;color:var(--muted)}.location-mini b{display:inline-block;min-width:90px;color:var(--green-dark)}
.mist-section{background:linear-gradient(135deg,#28392f,#14281e);color:#fff;position:relative;overflow:hidden}.mist-section::after{content:"";position:absolute;inset:auto -10% -140px -10%;height:240px;background:radial-gradient(ellipse at center,#554235 0,#35291f 62%,transparent 63%)}.mist-wrap{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:60px;position:relative;z-index:2}.mist-section .headline{color:#fff}.mist-section .subhead{color:#dce5df}.soil-visual{height:340px;display:grid;place-items:center;position:relative}.soil-hill{width:min(410px,100%);height:145px;background:linear-gradient(#72543c,#443124);border-radius:50% 50% 20% 20%/70% 70% 24% 24%;position:absolute;bottom:58px;box-shadow:inset 0 12px rgba(255,255,255,.06),0 20px 35px rgba(0,0,0,.25)}.soil-hill i{position:absolute;width:12px;height:8px;background:#2e2119;border-radius:50%}.soil-hill i:nth-child(1){left:20%;top:42%}.soil-hill i:nth-child(2){left:52%;top:26%}.soil-hill i:nth-child(3){right:18%;top:55%}.sprout{position:absolute;bottom:170px;width:110px;height:105px;animation:sway 3s ease-in-out infinite alternate;transform-origin:bottom}.sprout span{position:absolute;left:51px;bottom:0;width:8px;height:80px;background:#8fbd4a;border-radius:8px}.sprout b,.sprout em{position:absolute;bottom:52px;width:54px;height:30px;background:#8fbd4a;border-radius:55% 8% 55% 8%}.sprout b{left:4px;transform:rotate(18deg)}.sprout em{right:4px;transform:scaleX(-1) rotate(18deg)}.soil-visual strong{position:absolute;bottom:15px}.kids-teaser{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px}.kids-photo{height:470px;border-radius:28px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.kids-photo img{width:100%;height:100%;object-fit:cover}
.page-hero{padding:22px 0 0}.page-hero-box{min-height:430px;border-radius:30px;overflow:hidden;background:var(--green-dark);display:grid;grid-template-columns:1fr .95fr}.page-hero-copy{padding:clamp(42px,6vw,76px);display:flex;flex-direction:column;justify-content:center;color:#fff}.page-hero-copy .display{font-size:clamp(3rem,6vw,5.7rem);margin:.1rem 0 1rem}.page-hero-box>img{width:100%;height:100%;min-height:430px;object-fit:cover}.page-hero .eyebrow{color:#f4d46b}
.news-list{display:grid;gap:24px}.news-entry{display:grid;grid-template-columns:minmax(290px,.8fr) 1.2fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow-soft)}.news-entry>img{width:100%;height:100%;min-height:330px;object-fit:cover}.news-entry-content{padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.news-entry-content h2{font-size:2rem;line-height:1.15;color:var(--green-dark);margin:.7rem 0}.news-entry-content p{color:var(--muted)}.news-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.82rem}.instagram-card{margin-top:32px;padding:34px 38px;background:var(--green-soft);border:1px solid #cfe0d6;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.instagram-card h2{margin:.2rem 0;color:var(--green-dark)}.photo-journal{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.photo-journal figure{margin:0;border-radius:22px;overflow:hidden;position:relative;height:330px}.photo-journal img{width:100%;height:100%;object-fit:cover}.photo-journal figcaption{position:absolute;left:14px;bottom:14px;background:#fff;border-radius:999px;padding:.45rem .7rem;font-weight:750;font-size:.78rem}
.process-intro{display:grid;grid-template-columns:1fr .8fr;gap:52px;align-items:center;margin-bottom:48px}.process-intro-photo{height:390px;border-radius:26px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.process-intro-photo img{width:100%;height:100%;object-fit:cover}.process-intro-photo span{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:999px;padding:.5rem .75rem;font-weight:800;color:var(--green-dark)}.timeline{max-width:900px;margin:0 auto;position:relative;display:grid;gap:18px}.timeline::before{content:"";position:absolute;left:35px;top:20px;bottom:20px;width:2px;background:#bdd1c4}.timeline-step{display:grid;grid-template-columns:70px 1fr;gap:18px;position:relative}.step-no{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:900;z-index:2}.step-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px 26px;box-shadow:var(--shadow-soft)}.step-card h3{margin:0 0 .35rem;color:var(--green-dark)}.step-card p{margin:0;color:var(--muted)}.process-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-gallery article{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr 220px;box-shadow:var(--shadow-soft)}.process-gallery article>span{margin:20px 20px 2px;color:var(--green);font-weight:900}.process-gallery h3{margin:0 20px;color:var(--green-dark);font-size:1.45rem}.process-gallery p{margin:8px 20px 20px;color:var(--muted)}.process-gallery img{width:100%;height:220px;object-fit:cover}.video-card{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;display:grid;grid-template-columns:1.35fr .65fr;gap:30px;align-items:center;box-shadow:var(--shadow-soft)}.video-card video{width:100%;border-radius:18px;background:#111;max-height:520px}.video-card h3{font-size:1.8rem;color:var(--green-dark);margin:.2rem 0}.video-card p{color:var(--muted)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:start}.faq-side{position:sticky;top:110px}.faq-side img{width:100%;height:330px;object-fit:cover;border-radius:24px;margin-bottom:24px}.egg-faq{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.faq-question{width:100%;border:0;background:#fff;padding:19px 21px;display:flex;justify-content:space-between;gap:20px;text-align:left;color:var(--green-dark);font-weight:830;cursor:pointer}.faq-question b{font-size:1.35rem;transition:.2s}.faq-answer{display:grid;grid-template-rows:0fr;transition:.25s}.faq-answer>p{overflow:hidden;margin:0;padding:0 21px;color:var(--muted)}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer>p{padding-bottom:20px}.faq-item.open .faq-question b{transform:rotate(45deg)}
.games-intro{max-width:720px;margin-bottom:32px}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft);transition:.24s}.game-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.game-card-image{height:240px;position:relative;overflow:hidden}.game-card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,45,32,.56),transparent 58%)}.game-card-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.game-card:hover img{transform:scale(1.04)}.game-card-image span{position:absolute;z-index:2;left:16px;bottom:15px;background:#fff;color:var(--green-dark);border-radius:999px;padding:.4rem .66rem;font-size:.72rem;font-weight:850}.game-card-body{padding:24px}.game-card-body h2{margin:0 0 .45rem;color:var(--green-dark);font-size:1.6rem}.game-card-body p{color:var(--muted);min-height:52px}.game-card-body .btn{width:100%;margin-top:8px}.badge-panel{background:var(--green-dark);color:#fff;border-radius:30px;padding:42px}.badge-panel .headline{color:#fff}.badge-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:26px}.badge-head p{color:#d5e1da;margin:0}.badge-head>strong{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.6rem .8rem;white-space:nowrap}.badge-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.achievement{aspect-ratio:1;border-radius:16px;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;text-align:center;padding:7px;background:rgba(255,255,255,.05)}.achievement-icon{font-size:1.55rem}.achievement small{font-size:.56rem;line-height:1.08;color:#e2ebe5}.achievement.locked{filter:grayscale(1);opacity:.46}.achievement.unlocked{background:rgba(241,200,75,.15);border-color:rgba(241,200,75,.62)}
.sales-notice{display:flex;align-items:center;gap:18px;background:#fff4bf;border:1px solid #ecd36e;border-radius:20px;padding:19px 22px;margin-bottom:28px}.sales-notice strong{color:#4d4109;white-space:nowrap}.sales-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sales-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft)}.sales-card.featured{border:2px solid var(--green);box-shadow:var(--shadow)}.sales-image{width:100%;height:235px;object-fit:cover}.sales-card-content{padding:25px}.sales-card-top h2{font-size:1.55rem;line-height:1.18;color:var(--green-dark);margin:.65rem 0 .35rem}.sales-card-top p{color:var(--muted);margin:0}.price-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.price-list div{display:flex;justify-content:space-between;gap:18px;padding:11px 0}.price-list div+div{border-top:1px solid var(--line)}.price-list strong{color:var(--green-dark);font-size:1.08rem}.sales-card .btn{width:100%}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:42px 0 22px}.trust-card{background:var(--off);border:1px solid var(--line);border-radius:18px;padding:18px}.trust-card strong,.trust-card span{display:block}.trust-card strong{color:var(--green-dark)}.trust-card span{color:var(--muted);font-size:.84rem}.notice{background:#fff;border-left:4px solid var(--green);padding:16px 18px;color:var(--muted)}
.site-footer{background:#102d21;color:#fff;padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:36px}.footer-brandline{display:flex;align-items:center;gap:12px}.footer-logo{width:104px;height:68px;object-fit:contain}.footer-brandline strong,.footer-brandline span{display:block}.footer-brandline strong{font-size:1.2rem}.footer-brandline span{font-size:.76rem;color:#b8cbc0}.footer-brand p{color:#c4d2ca;max-width:340px}.footer-social{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none}.site-footer h3{font-size:.92rem;margin:.25rem 0 1rem;color:#f2d16a}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.site-footer a{text-decoration:none;color:#d9e4de}.site-footer a:hover{color:#fff}.footer-copy{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#9fb5a9;font-size:.83rem}.scroll-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border:0;border-radius:50%;background:var(--green);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s;z-index:80}.scroll-top.show{opacity:1;pointer-events:auto;transform:none}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}[data-reveal].visible{opacity:1;transform:none}@keyframes sway{to{transform:rotate(3deg)}}
/* Spiele */
.game-page{min-height:100vh;background:#f3f6f4}.game-topbar{padding:18px 0}.game-topbar .container{display:flex;justify-content:space-between;align-items:center}.game-topbar img{width:155px!important;height:72px;object-fit:contain}.game-shell{width:min(980px,calc(100% - 28px));margin:0 auto 48px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.game-head{background:var(--green-dark);color:#fff;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.game-head h1{font-size:2.2rem;margin:0}.game-stats{display:flex;gap:10px}.stat{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);padding:.48rem .72rem;border-radius:999px;font-size:.85rem}.game-area{position:relative;min-height:550px;overflow:hidden;background:linear-gradient(#bfd9d2 0 54%,#607b4d 54%);touch-action:none}.game-panel{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.game-help{max-width:660px;color:var(--muted);font-size:.9rem}.game-overlay{position:absolute;inset:0;background:rgba(13,42,32,.84);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:30;padding:22px}.game-overlay.hidden{display:none}.overlay-card{background:#fff;width:min(460px,100%);border-radius:24px;padding:34px;text-align:center;box-shadow:var(--shadow)}.overlay-card h2{font-size:2rem;margin:.45rem 0;color:var(--green-dark)}.overlay-card p{color:var(--muted)}.basket{position:absolute;bottom:28px;width:150px;height:68px;border-radius:12px 12px 28px 28px;background:linear-gradient(#b78a55,#73502f);left:50%;transform:translateX(-50%);box-shadow:inset 0 7px 0 #d5ab72,0 14px 24px rgba(0,0,0,.25)}.basket::before{content:"";position:absolute;width:118px;height:96px;border:9px solid #73502f;border-bottom:0;border-radius:60px 60px 0 0;left:7px;bottom:39px}.falling{position:absolute;width:42px;height:55px;border-radius:50% 50% 47% 47%/58% 58% 42% 42%;background:linear-gradient(#fff,#dfcfad);box-shadow:0 9px 14px rgba(0,0,0,.18)}.falling.bad{background:linear-gradient(#76503a,#3e2a22)}.sort-stage{position:relative;padding:24px;display:grid;grid-template-rows:1fr auto;min-height:550px;background:linear-gradient(#dce7de,#aebd96)}.conveyor{position:relative;min-height:270px;border-radius:22px;background:#423b35;overflow:hidden;border:12px solid #6b5a49}.conveyor::after{content:"";position:absolute;left:0;right:0;top:calc(50% - 7px);height:14px;background:repeating-linear-gradient(90deg,#c4a16d 0 42px,#896b49 42px 56px)}.sort-egg{position:absolute;top:88px;border:0;background:linear-gradient(#fff,#ddccaa);border-radius:50%;box-shadow:0 8px 15px rgba(0,0,0,.18);z-index:2}.bins{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.bin{border:0;border-radius:16px;background:var(--green);color:#fff;padding:18px;font-weight:850;font-size:1.25rem}.memory-board{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:26px;background:linear-gradient(#d8e5dc,#819769);min-height:550px;align-content:center}.memory-card{aspect-ratio:1;border:0;border-radius:18px;background:linear-gradient(145deg,#285841,#12382a);position:relative;transform-style:preserve-3d;transition:.38s;box-shadow:0 9px 18px rgba(0,0,0,.16)}.memory-card.flipped,.memory-card.matched{transform:rotateY(180deg)}.memory-front,.memory-back{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;border-radius:18px}.memory-front{color:#f1c84b;font-size:2rem}.memory-back{background:#fff;transform:rotateY(180deg);font-size:3rem}.fox-field{min-height:550px;position:relative;background:linear-gradient(#c7ded9 0 52%,#55784f 52%);overflow:hidden}.grass{position:absolute;bottom:0;width:100%;height:60%;background:repeating-linear-gradient(78deg,transparent 0 18px,rgba(30,89,48,.22) 18px 22px)}.target-animal{position:absolute;border:0;background:transparent;font-size:64px;filter:drop-shadow(0 10px 8px rgba(0,0,0,.2));animation:pop .25s ease-out}@keyframes pop{from{transform:scale(.2)}to{transform:scale(1)}}.feed-field{min-height:550px;background:radial-gradient(circle at center,#947454 0 37%,#647f53 38%);position:relative;overflow:hidden}.feed-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#e9c363;box-shadow:0 0 0 2px rgba(103,73,24,.16)}.feed-zone{position:absolute;border:3px dashed rgba(255,255,255,.74);border-radius:50%;width:130px;height:130px}.goat-maze{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);gap:3px;padding:18px;min-height:550px;background:#dfe7d6}.maze-cell{background:#f2f4f1;border-radius:5px;display:grid;place-items:center;font-size:1.8rem}.maze-cell.wall{background:#335d46}.maze-cell.path{background:#eef4e4}.maze-cell.goal{background:#f1c84b}.maze-controls{display:none;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,54px);gap:6px}.maze-controls button{border:0;border-radius:14px;background:var(--green);color:#fff}.maze-controls .up{grid-column:2}.maze-controls .left{grid-column:1;grid-row:2}.maze-controls .down{grid-column:2;grid-row:2}.maze-controls .right{grid-column:3;grid-row:2}
@media(max-width:1050px){.main-nav a{font-size:.82rem;padding:.65rem .55rem}.brand{min-width:auto}.brand img{width:70px}.editorial-grid{grid-template-columns:1fr 1fr}.editorial-feature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.editorial-feature img{height:100%;min-height:300px}.process-gallery{grid-template-columns:repeat(2,1fr)}.games-grid{grid-template-columns:repeat(2,1fr)}.badge-grid{grid-template-columns:repeat(5,1fr)}.sales-grid{grid-template-columns:1fr 1fr}.sales-card:last-child{grid-column:1/-1}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:820px){.menu-toggle{display:block}.main-nav{position:fixed;inset:82px 0 auto 0;background:#fff;padding:18px;display:grid;gap:4px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);transform:translateY(-130%);transition:.28s;z-index:-1}.main-nav.open{transform:none}.main-nav a{padding:.95rem 1rem;border-radius:14px;font-size:1rem}.main-nav .nav-buy{margin:8px 0 0;justify-content:center}.hero-card{grid-template-columns:1fr}.hero-photo{min-height:460px}.hero-content{min-height:520px}.feature-strip{width:calc(100% - 30px)}.farm-life-grid,.faq-teaser,.sales-home,.kids-teaser,.process-intro,.faq-layout{grid-template-columns:1fr}.faq-side{position:static}.photo-collage{min-height:420px}.news-entry{grid-template-columns:1fr}.news-entry>img{min-height:280px;height:320px}.page-hero-box{grid-template-columns:1fr}.page-hero-box>img{min-height:320px;height:320px}.video-card{grid-template-columns:1fr}.trust-row{grid-template-columns:repeat(2,1fr)}.mist-wrap{grid-template-columns:1fr}.soil-visual{height:300px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}}
@media(max-width:620px){.container{width:min(var(--max),calc(100% - 28px))}.nav-wrap{min-height:74px}.brand img{width:62px;height:48px}.brand strong{font-size:1.05rem}.brand small{font-size:.68rem}.main-nav{inset:74px 0 auto}.hero{padding-top:14px}.hero-card{border-radius:24px}.hero-content{padding:38px 24px;min-height:430px}.hero-content .display{font-size:4rem}.hero-photo{min-height:340px}.photo-note{right:12px;bottom:12px}.feature-strip{grid-template-columns:1fr;margin-top:-18px;border-radius:18px}.feature-item{padding:16px 20px}.feature-item+.feature-item{border-left:0;border-top:1px solid var(--line)}.section{padding:70px 0}.section-heading{align-items:flex-start;flex-direction:column}.headline{font-size:2.55rem}.editorial-grid{grid-template-columns:1fr}.editorial-feature{grid-column:auto;display:block}.editorial-feature img,.editorial-card img{height:230px;min-height:0}.farm-life-grid{gap:30px}.photo-collage{grid-template-columns:1fr;height:auto;min-height:0}.photo-collage figure{height:310px}.photo-collage figure:not(.photo-large){margin:0;height:220px}.faq-photo,.sales-home-photo,.kids-photo{height:360px}.page-hero{padding-top:14px}.page-hero-box{border-radius:24px}.page-hero-copy{padding:38px 24px}.page-hero-copy .display{font-size:3.25rem}.page-hero-box>img{height:270px;min-height:270px}.news-entry>img{height:260px;min-height:260px}.news-entry-content{padding:26px 22px}.news-entry-content h2{font-size:1.7rem}.instagram-card{align-items:flex-start;flex-direction:column;padding:26px 22px}.photo-journal{grid-template-columns:1fr}.photo-journal figure{height:300px}.timeline::before{left:25px}.timeline-step{grid-template-columns:52px 1fr;gap:12px}.step-no{width:52px;height:52px}.step-card{padding:19px}.process-gallery{grid-template-columns:1fr}.process-gallery article{grid-template-rows:auto auto auto 220px}.video-card{padding:14px}.games-grid{grid-template-columns:1fr}.badge-panel{padding:28px 18px}.badge-head{align-items:flex-start;flex-direction:column}.badge-grid{grid-template-columns:repeat(4,1fr)}.sales-notice{align-items:flex-start;flex-direction:column}.sales-grid{grid-template-columns:1fr}.sales-card:last-child{grid-column:auto}.trust-row{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-copy{flex-direction:column}.game-topbar img{display:none}.game-shell{width:calc(100% - 14px);border-radius:20px}.game-head{padding:18px;align-items:flex-start;flex-direction:column}.game-area,.memory-board,.fox-field,.feed-field,.goat-maze{min-height:470px}.game-panel{padding:16px}.basket{width:120px}.memory-board{grid-template-columns:repeat(3,1fr);padding:14px;gap:8px}.bins{grid-template-columns:repeat(2,1fr)}.sort-stage{padding:12px}.maze-controls{display:grid}.goat-maze{min-height:420px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* Qualitäts- und Barrierefreiheitskorrekturen */
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid #d5a62e;outline-offset:4px}
.error-page{min-height:72vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem}
.error-page>img{width:min(280px,70vw);height:auto;margin-bottom:1rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Ergänzungen: Ei-FAQ mit Ansichten, Spielaudio und Quizshow */
.faq-answer>.faq-answer-content{overflow:hidden;display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;padding:0 21px;color:var(--muted)}
.faq-answer-content img{width:180px;height:116px;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#eef5f1}
.faq-answer-content p{margin:0}
.faq-item.open .faq-answer>.faq-answer-content{padding-bottom:20px}

.audio-toggle{margin-left:auto;min-height:40px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:.5rem .78rem;display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:.78rem;cursor:pointer;transition:.2s;white-space:nowrap}
.audio-toggle:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.audio-toggle[aria-pressed="false"]{background:rgba(0,0,0,.18);color:#d9e2dd}
.game-card-featured{border-color:#ddb535;box-shadow:0 13px 36px rgba(7,28,75,.14)}
.game-card-featured .game-card-image{background:#07163e}

.quiz-page{background:radial-gradient(circle at 50% 12%,#173b7a 0,#07163e 34%,#020711 80%);color:#fff}
.quiz-page .game-topbar .btn{color:#fff;border-color:rgba(255,255,255,.3)}
.quiz-shell{width:min(1260px,calc(100% - 28px));margin:0 auto 48px;border-radius:28px;overflow:hidden;background:#06163f;box-shadow:0 28px 80px rgba(0,0,0,.46);border:1px solid rgba(110,155,255,.34)}
.quiz-head{background:linear-gradient(110deg,#06143a,#112b69 55%,#06143a);border-bottom:1px solid rgba(112,156,255,.38)}
.quiz-head>div:first-child{min-width:260px}.quiz-kicker{display:block;color:#f0c94c;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:900;margin-bottom:.25rem}
.quiz-head h1{font-size:clamp(1.8rem,3vw,2.75rem)}
.quiz-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:720px;background:radial-gradient(circle at 47% 36%,rgba(37,92,181,.58),transparent 34%),linear-gradient(145deg,#040a20,#091b51 62%,#020714);overflow:hidden}
.quiz-studio{position:relative;padding:clamp(28px,5vw,58px);display:flex;flex-direction:column;justify-content:center;min-width:0;isolation:isolate}
.quiz-studio::before,.quiz-studio::after{content:"";position:absolute;inset:9% 9%;border:1px solid rgba(100,155,255,.22);border-radius:50%;z-index:-1;transform:rotate(17deg)}
.quiz-studio::after{inset:17% 18%;transform:rotate(-18deg);border-color:rgba(246,198,57,.17)}
.quiz-lights{position:absolute;inset:0;pointer-events:none;z-index:-1}
.quiz-lights i{position:absolute;width:220px;height:2px;background:linear-gradient(90deg,transparent,#79a8ff,transparent);filter:drop-shadow(0 0 8px #4e88ff);opacity:.28;transform-origin:left center}
.quiz-lights i:nth-child(1){left:0;top:18%;transform:rotate(24deg)}.quiz-lights i:nth-child(2){right:-130px;top:22%;transform:rotate(154deg)}.quiz-lights i:nth-child(3){left:2%;bottom:17%;transform:rotate(-20deg)}.quiz-lights i:nth-child(4){right:-130px;bottom:17%;transform:rotate(205deg)}
.quiz-logo-mini{width:84px;height:104px;margin:0 auto 18px;background:radial-gradient(circle at 38% 25%,#fff6b1,#f0b82e 58%,#b86200);border-radius:50% 50% 46% 46%/62% 62% 38% 38%;display:grid;place-items:center;filter:drop-shadow(0 0 18px rgba(242,198,63,.42))}
.quiz-logo-mini span{font-size:2.6rem;color:#071745;font-weight:900}
.quiz-jokers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 auto 22px;width:min(680px,100%)}
.quiz-jokers button{border:1px solid #5a8cec;background:linear-gradient(#132d68,#091944);color:#fff;border-radius:50px;padding:.7rem .8rem;cursor:pointer;box-shadow:inset 0 0 18px rgba(75,130,255,.12);transition:.2s}
.quiz-jokers b,.quiz-jokers span{display:block}.quiz-jokers b{color:#f1cd55;font-size:.86rem}.quiz-jokers span{font-size:.65rem;color:#b9caef;margin-top:1px}
.quiz-jokers button:hover:not(:disabled){transform:translateY(-2px);border-color:#f1cd55}.quiz-jokers button.used,.quiz-jokers button:disabled{opacity:.4;filter:grayscale(1);cursor:not-allowed}
.quiz-question{width:min(860px,100%);margin:0 auto 16px;padding:24px 34px;border:2px solid #537fd5;background:linear-gradient(90deg,#050b24,#10275e 50%,#050b24);clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);text-align:center;font-size:clamp(1.12rem,2.2vw,1.55rem);font-weight:800;line-height:1.35;box-shadow:0 0 28px rgba(46,105,220,.24)}
.quiz-answers{width:min(900px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.quiz-answer{position:relative;border:2px solid #3e69be;background:linear-gradient(90deg,#050a1e,#10265b 52%,#050a1e);color:#fff;min-height:72px;padding:13px 28px 13px 56px;text-align:left;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);cursor:pointer;font-weight:700;transition:.18s}
.quiz-answer:hover:not(:disabled){border-color:#f0c84a;background:linear-gradient(90deg,#17130a,#60440a 52%,#17130a);transform:scale(1.012)}
.quiz-answer .answer-letter{position:absolute;left:25px;top:50%;transform:translateY(-50%);color:#f1ca4d;font-weight:900}.quiz-answer.selected{background:linear-gradient(90deg,#392608,#b87405 52%,#392608);border-color:#ffc94b}.quiz-answer.correct{background:linear-gradient(90deg,#082714,#16833e 52%,#082714);border-color:#61e28f}.quiz-answer.wrong{background:linear-gradient(90deg,#351010,#a52d31 52%,#351010);border-color:#ff7474}.quiz-answer.removed{opacity:.12;visibility:hidden}
.quiz-feedback{width:min(900px,100%);min-height:74px;margin:16px auto 0;border:1px solid rgba(135,171,244,.32);background:rgba(3,9,29,.7);border-radius:16px;padding:13px 17px;color:#c7d5f1;display:flex;flex-direction:column;justify-content:center}.quiz-feedback strong{color:#fff;font-size:1.05rem}.quiz-feedback.is-correct{border-color:rgba(91,226,142,.55);background:rgba(7,72,36,.62)}.quiz-feedback.is-wrong{border-color:rgba(255,110,110,.52);background:rgba(91,15,23,.67)}
.quiz-next{align-self:center;margin-top:14px;background:#f0c748;color:#07163e;border:0}.hidden{display:none!important}
.audience-result{width:min(720px,100%);margin:15px auto 0;border:1px solid rgba(241,202,77,.42);background:rgba(3,10,31,.94);border-radius:18px;padding:15px 17px}.audience-result>strong{color:#f1ca4d}.audience-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}.audience-bars>div{display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:end}.audience-bars b{color:#f1ca4d}.audience-bars strong{grid-column:2;font-size:.68rem;color:#c6d5f3}.audience-bars span{height:72px;background:#09183e;border:1px solid #375da7;border-radius:7px;display:flex;align-items:flex-end;overflow:hidden}.audience-bars i{display:block;width:100%;height:var(--vote);background:linear-gradient(#f2d360,#c37d08)}
.prize-panel{background:rgba(2,8,25,.94);border-left:1px solid rgba(101,145,229,.32);padding:25px 18px;display:flex;flex-direction:column}.prize-title{padding:0 9px 16px}.prize-title span,.prize-title strong{display:block}.prize-title span{color:#97b5ed;font-size:.72rem;text-transform:uppercase;letter-spacing:.15em}.prize-title strong{color:#f0c94d;font-size:1.15rem}.prize-panel ol{list-style:none;padding:0;margin:auto 0;display:grid;gap:3px}.prize-panel li{display:grid;grid-template-columns:30px 1fr;gap:6px;padding:4px 9px;border-radius:8px;color:#a9bce4;font-size:.71rem}.prize-panel li span{color:#f0c94d}.prize-panel li.safe{color:#fff;font-weight:900}.prize-panel li.active{background:#f0c94d;color:#07163e;transform:scale(1.03);box-shadow:0 0 18px rgba(240,201,77,.32)}.prize-panel li.active span{color:#07163e}.prize-panel li.passed{opacity:.46}
.quiz-stage>.game-overlay{background:rgba(2,7,23,.86);z-index:40}.quiz-overlay-card{border:1px solid #628cd9;background:linear-gradient(145deg,#fff,#edf3ff)}.quiz-overlay-card small{display:block;color:#65718a;margin-top:14px}.quiz-help-panel{background:#fff;color:var(--ink)}

@media(max-width:1050px){.quiz-stage{grid-template-columns:minmax(0,1fr) 225px}.prize-panel{padding-inline:10px}.prize-panel li{font-size:.63rem}.game-card-featured{grid-column:1/-1}.game-card-featured{display:grid;grid-template-columns:1fr 1fr}.game-card-featured .game-card-image{height:100%;min-height:270px}}
@media(max-width:820px){.game-head{flex-wrap:wrap}.audio-toggle{margin-left:0}.quiz-stage{grid-template-columns:1fr}.prize-panel{order:-1;border-left:0;border-bottom:1px solid rgba(101,145,229,.32);padding:12px 14px}.prize-title{display:none}.prize-panel ol{display:flex;overflow-x:auto;gap:5px;padding-bottom:4px}.prize-panel li{min-width:118px}.quiz-studio{padding:34px 18px}.quiz-stage>.game-overlay{position:fixed}.faq-answer>.faq-answer-content{grid-template-columns:150px 1fr}.faq-answer-content img{width:150px;height:100px}}
@media(max-width:620px){.audio-toggle{width:100%;justify-content:center}.game-card-featured{display:block}.quiz-head .game-stats{flex-wrap:wrap}.quiz-studio{padding:28px 10px}.quiz-logo-mini{width:68px;height:84px}.quiz-logo-mini span{font-size:2rem}.quiz-jokers{gap:5px}.quiz-jokers button{padding:.58rem .34rem}.quiz-jokers b{font-size:.72rem}.quiz-jokers span{display:none}.quiz-question{clip-path:none;border-radius:16px;padding:19px 15px}.quiz-answers{grid-template-columns:1fr;gap:8px}.quiz-answer{clip-path:none;border-radius:15px;padding:13px 15px 13px 50px;min-height:62px}.quiz-answer .answer-letter{left:18px}.audience-bars span{height:55px}.faq-answer>.faq-answer-content{grid-template-columns:1fr;padding-inline:16px}.faq-answer-content img{width:100%;height:auto}.faq-item.open .faq-answer>.faq-answer-content{padding-bottom:16px}.quiz-shell{width:calc(100% - 12px)}}


/* --- Spielewelt im Quizshow-Stil --- */
.game-page{background:radial-gradient(circle at top,#173d92 0,#091a47 33%,#020814 100%)!important;color:#eef3ff}
.game-topbar .btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(133,166,255,.35);color:#eef3ff}
.game-topbar .btn-ghost:hover{background:rgba(255,255,255,.15)}
.game-shell{background:linear-gradient(180deg,#081530 0,#091e4d 100%);border:1px solid rgba(114,151,255,.38);box-shadow:0 24px 60px rgba(0,0,0,.34)}
.game-head{background:linear-gradient(140deg,#081228,#11337d 58%,#09142b)!important;border-bottom:1px solid rgba(112,150,255,.34)}
.game-head h1,.game-help,.quiz-help-panel,.quiz-help-panel .game-help{color:#eef3ff}
.game-panel{background:#06132b;border-top:1px solid rgba(114,151,255,.22)}
.stat{background:rgba(255,255,255,.08)!important;border:1px solid rgba(114,151,255,.35)!important;color:#eef3ff}
.audio-toggle{display:inline-flex;align-items:center;gap:10px;margin-left:auto;border:1px solid rgba(114,151,255,.36);background:rgba(255,255,255,.08);color:#eef3ff;border-radius:999px;padding:.55rem .95rem;font-weight:700}
.audio-toggle:hover{background:rgba(255,255,255,.14)}
.game-overlay{background:rgba(1,8,22,.82)!important;backdrop-filter:blur(8px)}
.overlay-card{background:linear-gradient(145deg,#fefefe,#edf3ff)!important;border:1px solid rgba(86,126,226,.34);box-shadow:0 30px 60px rgba(0,0,0,.36)}
.overlay-card h2{color:#0d2c6f!important}
.overlay-card p,.overlay-card small{color:#526075!important}
.game-area,.sort-stage,.memory-board,.fox-field,.feed-field,.goat-maze{border:1px solid rgba(105,145,241,.3);border-radius:26px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.04);overflow:hidden}
.basket{background:linear-gradient(#f6d58d,#b97d15);box-shadow:inset 0 7px 0 #ffe4a7,0 16px 24px rgba(0,0,0,.35)}
.basket::before{border-color:#b97d15}
.basket.hit-good{box-shadow:0 0 0 8px rgba(79,212,124,.22), inset 0 7px 0 #ffe4a7,0 16px 24px rgba(0,0,0,.35)}
.basket.hit-bad{box-shadow:0 0 0 8px rgba(255,91,91,.22), inset 0 7px 0 #ffe4a7,0 16px 24px rgba(0,0,0,.35)}
.basket.hit-heart{box-shadow:0 0 0 8px rgba(255,77,128,.22), inset 0 7px 0 #ffe4a7,0 16px 24px rgba(0,0,0,.35)}
.falling{display:grid;place-items:center;width:52px;height:58px;background:transparent!important;box-shadow:none!important;font-size:2rem;filter:drop-shadow(0 10px 8px rgba(0,0,0,.3))}
.fall-egg span{transform:rotate(12deg)}
.fall-heart span{font-size:1.75rem}
.fall-poop span{font-size:2.1rem}
.sort-stage{padding:22px;background:radial-gradient(circle at center,#183779 0,#0c1c47 65%,#07132f 100%)}
.conveyor{position:relative;min-height:290px;background:linear-gradient(180deg,#2c2c35,#151923);border:10px solid #6a7386;box-shadow:inset 0 0 0 2px rgba(255,255,255,.06)}
.conveyor::before{content:"";position:absolute;inset:18px 0 18px 0;background:repeating-linear-gradient(90deg,#61687d 0 48px,#3f4556 48px 66px);opacity:.82}
.conveyor::after{top:auto;bottom:32px;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent)}
.light-barrier{position:absolute;top:18px;bottom:18px;left:78%;width:6px;background:linear-gradient(180deg,rgba(255,220,107,.08),rgba(255,220,107,.95),rgba(255,220,107,.08));box-shadow:0 0 18px rgba(255,220,107,.8);z-index:2}
.sort-egg{top:92px;background:linear-gradient(#fffdf5,#e2d6be)!important;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;z-index:3}
.sort-egg.flash-correct{box-shadow:0 0 0 8px rgba(88,221,124,.28),0 10px 20px rgba(0,0,0,.32)!important}
.sort-egg.flash-wrong{box-shadow:0 0 0 8px rgba(255,79,97,.28),0 10px 20px rgba(0,0,0,.32)!important}
.sort-meta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:16px 0 6px}
.sort-status,.sort-weight-pill{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(114,151,255,.3);color:#eef3ff;font-weight:700}
.sort-weight-pill{position:absolute;top:180px;z-index:4;min-width:82px}
.bin{background:linear-gradient(135deg,#0a1d49,#164293)!important;border:1px solid rgba(108,147,255,.35);display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center}
.bin small{font-size:.74rem;opacity:.82;font-weight:600}
.bin:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(0,0,0,.22)}
.memory-board{grid-template-columns:repeat(4,minmax(86px,108px));justify-content:center;gap:10px;padding:22px;background:radial-gradient(circle at center,#133477 0,#0a1e4f 67%,#071431 100%);min-height:500px}
.memory-card{border:1px solid rgba(118,154,255,.32);background:linear-gradient(145deg,#0b1b44,#11337d)!important}
.memory-card.matched{box-shadow:0 0 0 4px #58cf75,inset 0 0 0 2px rgba(255,255,255,.3);outline:none}
.memory-back{background:linear-gradient(145deg,#fefefe,#edf3ff)!important;color:#0d2556}
.fox-field{background:linear-gradient(#10397f 0 45%,#245a2a 45% 100%)}
.grass{opacity:.6}
.target-animal{font-size:72px;background:rgba(255,255,255,.04);width:92px;height:92px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08)}
.feed-field{background:radial-gradient(circle at center,#173d8f 0 25%,#14315f 26% 45%,#2c6a35 46% 100%);touch-action:none}
.feed-dot{width:10px;height:10px;background:#f3c54f;box-shadow:0 0 0 2px rgba(109,72,11,.18),0 1px 7px rgba(0,0,0,.2)}
.feed-zone{background:rgba(255,255,255,.05);border:3px dashed rgba(255,226,122,.74)!important;display:grid;place-items:center;color:#fff;font-weight:900}
.feed-zone span{background:rgba(9,25,62,.72);padding:.15rem .5rem;border-radius:999px}
.feed-zone.filled{background:rgba(96,211,123,.18);border-color:#68e288!important;box-shadow:0 0 0 6px rgba(96,211,123,.15)}
.goat-maze{background:radial-gradient(circle at center,#173b87 0,#0d2052 64%,#081633 100%);gap:4px;padding:16px;min-height:540px}
.maze-cell{background:#dfe7f9;border-radius:5px;color:#0c1b46;font-size:1.45rem}
.maze-cell.wall{background:#0a1738}
.maze-cell.path{background:#f3f6ff}
.maze-cell.goal{background:linear-gradient(145deg,#f0c94d,#b98410)}
.maze-cell.player{box-shadow:0 0 0 3px rgba(86,219,118,.34)}
.maze-controls button{background:linear-gradient(135deg,#0c1d48,#164292)!important;border:1px solid rgba(108,147,255,.35)}
.quiz-answer{cursor:pointer}
.faq-more-card,.knowledge-card,.knowledge-return,.egg-guide-grid{border-radius:24px}
.faq-more-card,.knowledge-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:24px}
.egg-knowledge-grid,.egg-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.knowledge-card h3,.faq-more-card h3{margin:0 0 .6rem}
.knowledge-card-wide{grid-column:1/-1}
.knowledge-return{grid-column:1/-1;display:flex;justify-content:center;padding-top:10px}
.photo-collage.single{grid-template-columns:1fr}
.photo-collage.single figure{height:100%}
.photo-collage.single .photo-large{grid-column:auto}
@media(max-width:820px){.egg-knowledge-grid,.egg-guide-grid{grid-template-columns:1fr}.memory-board{grid-template-columns:repeat(4,minmax(68px,90px));padding:16px;gap:8px}.target-animal{font-size:62px;width:78px;height:78px}.sort-status{width:100%}}
@media(max-width:620px){.memory-board{grid-template-columns:repeat(4,minmax(64px,1fr));min-height:420px}.memory-back{font-size:2.2rem}.target-animal{font-size:56px;width:72px;height:72px}.sort-stage{padding:12px}.sort-weight-pill{top:160px;min-width:70px;font-size:.86rem}.goat-maze{min-height:420px}.egg-knowledge-grid,.egg-guide-grid{gap:14px}}

/* --- Kompaktere Seiteneinstiege: weniger Wucht, mehr sichtbarer Inhalt --- */
.page-hero-box{
  height:clamp(340px,28vw,405px);
  min-height:0;
}
.page-hero-copy{
  padding:clamp(32px,4.2vw,54px);
}
.page-hero-copy .display{
  font-size:clamp(2.55rem,4.15vw,4rem);
  line-height:1.04;
  margin:.08rem 0 .7rem;
  letter-spacing:-.04em;
}
.page-hero-copy .lead{
  font-size:1rem;
  max-width:590px;
}
.page-hero-box>img{
  height:100%;
  min-height:0;
}
.game-head h1{
  font-size:clamp(2.15rem,4.2vw,3.75rem);
}

@media(max-width:900px){
  .page-hero-box{
    height:auto;
  }
  .page-hero-box>img{
    height:280px;
    min-height:280px;
  }
}

@media(max-width:620px){
  .page-hero-copy{
    padding:30px 22px 32px;
  }
  .page-hero-copy .display{
    font-size:clamp(2.25rem,11vw,2.85rem);
  }
  .page-hero-box>img{
    height:225px;
    min-height:225px;
  }
  .game-head h1{
    font-size:clamp(2rem,10vw,2.65rem);
  }
}

/* Inaktive Verkaufsstelle */
.sales-card.inactive-card{border:2px solid #c62828;background:#fffafa;box-shadow:0 14px 34px rgba(198,40,40,.13)}
.sales-card.inactive-card .sales-image{filter:saturate(.72);opacity:.9}
.inactive-tag{background:#fde8e8!important;color:#a71919!important;border:1px solid #e9a3a3}
.inactive-notice{margin:20px 0;padding:15px 16px;border:1px solid #efb1b1;border-radius:15px;background:#fff0f0;color:#871515}
.inactive-notice strong,.inactive-notice span{display:block}
.inactive-notice span{margin-top:4px;font-size:.86rem;color:#a53a3a}
.btn-inactive,.btn-inactive:disabled{width:100%;background:#c62828;color:#fff;border-color:#c62828;opacity:1;cursor:not-allowed;box-shadow:none;transform:none}
.btn-inactive:hover{background:#c62828;transform:none}

/* Startseite: Ziegenbild bewusst kompakter halten */
.home-page .farm-life-grid{grid-template-columns:1fr .78fr;gap:42px}
.home-page .photo-collage.single{min-height:0;max-width:560px;justify-self:end;width:100%}
.home-page .photo-collage.single figure{height:340px;min-height:0}
.home-page .photo-collage.single figure img{object-position:center 44%}
@media(max-width:820px){
  .home-page .farm-life-grid{grid-template-columns:1fr}
  .home-page .photo-collage.single{max-width:520px;justify-self:center}
  .home-page .photo-collage.single figure{height:300px}
}
@media(max-width:620px){
  .home-page .photo-collage.single{max-width:100%}
  .home-page .photo-collage.single figure{height:240px}
}

/* Futter-Express – vollständig neues Spielprinzip */
.feed-express-shell{background:#07163e;border-color:rgba(105,145,241,.42)}
.game-kicker{display:block;color:#f3c54f;font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.25rem}
.feed-express{position:relative;min-height:610px;overflow:hidden;touch-action:none;background:linear-gradient(180deg,#07163e 0%,#102a68 30%,#1d5b72 53%,#4e8a47 54%,#2d592f 100%);border:1px solid rgba(105,145,241,.3);border-radius:0 0 26px 26px}
.feed-sky-glow{position:absolute;inset:-30% -10% auto;height:65%;background:radial-gradient(circle at 50% 50%,rgba(101,157,255,.32),transparent 58%);pointer-events:none}
.feed-express::before{content:"";position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.035) 8% 10%,transparent 10% 90%,rgba(255,255,255,.035) 90% 92%,transparent 92%),linear-gradient(180deg,rgba(14,45,35,.08),rgba(8,28,23,.28));clip-path:polygon(0 38%,13% 30%,25% 42%,39% 27%,56% 40%,70% 24%,86% 34%,100% 20%,100% 100%,0 100%)}
.feed-order{position:absolute;z-index:8;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-radius:18px;background:rgba(6,18,53,.88);border:1px solid rgba(243,197,79,.45);box-shadow:0 15px 35px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.feed-customer{display:flex;align-items:center;gap:12px;color:#fff}.feed-customer>span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#f3c54f,#d79b23);font-size:2rem;box-shadow:0 8px 22px rgba(243,197,79,.24)}
.feed-customer small{display:block;color:#a9bdf1;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.feed-customer strong{display:block;font-size:1rem;margin-top:.15rem}
.feed-recipe{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.recipe-item{position:relative;min-width:78px;padding:8px 9px;border-radius:14px;text-align:center;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);transition:.25s}.recipe-item span{display:block;font-size:1.55rem}.recipe-item small{display:block;font-size:.64rem;margin-top:.1rem}.recipe-item b{position:absolute;right:5px;top:4px;color:#79ef98}.recipe-item.done{background:rgba(70,192,105,.23);border-color:#68e288;transform:scale(.94);opacity:.76}
.feed-road-lines{position:absolute;left:9%;right:9%;bottom:0;height:66%;border-left:2px solid rgba(255,255,255,.11);border-right:2px solid rgba(255,255,255,.11);background:repeating-linear-gradient(90deg,transparent 0 47%,rgba(255,255,255,.12) 47% 53%,transparent 53% 100%);background-size:140px 100%;clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);opacity:.55}
.feed-items{position:absolute;inset:0;z-index:4;pointer-events:none}.falling-feed{position:absolute;top:112px;z-index:5;width:70px;min-height:66px;padding:6px;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:linear-gradient(145deg,#fff9df,#ebd28d);box-shadow:0 12px 24px rgba(0,0,0,.24);pointer-events:none;color:#28351e}.falling-feed span{display:block;font-size:2rem;line-height:1}.falling-feed small{display:block;font-size:.6rem;font-weight:850;margin-top:4px}.falling-feed.danger{background:linear-gradient(145deg,#ffe6e6,#e88b8b);border-color:#ff9b9b;color:#6e1515}.falling-feed.caught-good{animation:feedCatchGood .18s forwards}.falling-feed.caught-bad{animation:feedCatchBad .18s forwards}@keyframes feedCatchGood{to{transform:translate(-50%,0) scale(1.45)!important;opacity:0}}@keyframes feedCatchBad{to{transform:translate(-50%,0) rotate(18deg) scale(.55)!important;opacity:0}}
.feed-cart{position:absolute;z-index:10;left:50%;bottom:35px;width:150px;height:90px;transform:translateX(-50%);transition:filter .2s}.cart-body{position:absolute;left:17px;bottom:17px;width:116px;height:52px;border-radius:10px 10px 20px 20px;background:linear-gradient(145deg,#e7aa2f,#a96418);border:3px solid #6c3b13;box-shadow:inset 0 7px 0 rgba(255,255,255,.2),0 12px 20px rgba(0,0,0,.28)}.cart-body::after{content:"";position:absolute;right:-26px;top:-9px;width:36px;height:8px;border-radius:999px;background:#6c3b13;transform:rotate(-18deg)}.cart-body span{display:block;text-align:center;color:#fff6d4;font-size:.75rem;font-weight:1000;letter-spacing:.18em;margin-top:18px}.cart-wheel{position:absolute;bottom:3px;width:29px;height:29px;border-radius:50%;background:radial-gradient(circle,#b5c2ce 0 20%,#313841 21% 54%,#111820 55%);border:3px solid #081019}.wheel-left{left:25px}.wheel-right{right:25px}.cart-load{position:absolute;z-index:2;left:25px;right:25px;bottom:59px;display:flex;justify-content:center;gap:3px}.cart-load span{font-size:1.55rem;filter:drop-shadow(0 3px 2px rgba(0,0,0,.25));animation:loadPop .28s ease-out}@keyframes loadPop{from{transform:translateY(16px) scale(.3)}to{transform:none}}
.feed-destination{position:absolute;z-index:14;left:50%;top:45%;transform:translate(-50%,-50%) scale(.65);display:flex;align-items:center;gap:13px;padding:18px 25px;border-radius:22px;background:rgba(8,30,21,.94);border:2px solid #68e288;color:#fff;opacity:0;pointer-events:none;transition:.3s}.feed-destination span{font-size:3rem}.feed-destination strong{font-size:1.25rem}.feed-destination.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.feed-message{position:absolute;z-index:18;left:50%;bottom:142px;transform:translate(-50%,12px);padding:.58rem .9rem;border-radius:999px;font-weight:900;font-size:.8rem;color:#fff;background:#173d8f;opacity:0;transition:.22s;pointer-events:none;white-space:nowrap}.feed-message.show{opacity:1;transform:translate(-50%,0)}.feed-message.good{background:#197d3b}.feed-message.bad{background:#a72d36}.feed-message.info{background:#173d8f}.feed-shake{animation:feedShake .32s ease}@keyframes feedShake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}
.delivery-drive{animation:deliveryDrive 1.45s ease-in-out}@keyframes deliveryDrive{0%{transform:translateX(-50%)}48%{transform:translateX(-50%) translateY(-250px) scale(.72)}70%{opacity:1}100%{transform:translateX(-50%) translateY(-320px) scale(.5);opacity:0}}
.feed-overlay-card{background:linear-gradient(155deg,#fff,#f3f6ff);border:1px solid rgba(54,94,190,.22)}.feed-howto{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;text-align:left;background:#eef2fb;border-radius:15px;padding:13px 16px;margin:18px 0}.feed-howto span:nth-child(odd){display:grid;place-items:center;min-width:44px;height:30px;border-radius:9px;background:#07163e;color:#f3c54f;font-weight:1000}.feed-howto span:nth-child(even){align-self:center;color:#35446c;font-size:.82rem;font-weight:800}
.feed-controls-panel{background:#fff}.feed-controls{display:flex;gap:10px}.feed-controls button{width:72px;height:52px;border:0;border-radius:15px;background:linear-gradient(145deg,#173d8f,#07163e);color:#fff;font-size:1.7rem;font-weight:1000;box-shadow:0 8px 16px rgba(7,22,62,.2);touch-action:none}.feed-controls button:active{transform:translateY(2px);box-shadow:0 3px 8px rgba(7,22,62,.22)}
@media(max-width:700px){.feed-express{min-height:560px}.feed-order{top:10px;left:9px;right:9px;padding:10px;align-items:flex-start}.feed-customer>span{width:42px;height:42px;font-size:1.5rem}.feed-customer strong{font-size:.78rem}.feed-recipe{gap:4px}.recipe-item{min-width:53px;padding:6px 4px}.recipe-item span{font-size:1.25rem}.recipe-item small{display:none}.falling-feed{top:98px;width:58px;min-height:57px}.falling-feed span{font-size:1.65rem}.falling-feed small{font-size:.52rem}.feed-cart{width:124px;height:82px}.cart-body{left:13px;width:98px}.feed-message{bottom:130px;max-width:88%;white-space:normal;text-align:center}.feed-controls-panel{justify-content:center}.feed-controls-panel .game-help{width:100%}.feed-controls button{width:92px}}

/* Stallmeister – eigenständiges Routen- und Reihenfolgespiel */
.game-page button,.game-page .stall-board{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.stall-game-shell{background:#07163e;border-color:rgba(105,145,241,.42)}
.stall-game{position:relative;min-height:650px;padding:20px;background:radial-gradient(circle at 50% 0,rgba(50,104,201,.34),transparent 42%),linear-gradient(160deg,#07163e,#0c2456 55%,#102c42);overflow:hidden}
.stall-mission{display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:18px;align-items:center;padding:14px 17px;margin-bottom:14px;background:rgba(3,14,45,.82);border:1px solid rgba(243,197,79,.42);border-radius:18px;color:#fff}.stall-mission small{display:block;color:#9eb7ed;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.stall-mission strong{display:block;margin-top:4px}.stall-mission ol{display:flex;gap:7px;list-style:none;margin:0;padding:0;overflow-x:auto}.stall-mission li{min-width:max-content;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);font-size:.73rem}.stall-mission li span{font-size:1.1rem;margin-right:5px}.stall-mission li.active{border-color:#f3c54f;box-shadow:0 0 0 2px rgba(243,197,79,.18);background:rgba(243,197,79,.14)}.stall-mission li.done{background:rgba(61,190,98,.18);border-color:#56db7a}.stall-mission ol.memory-mode li:not(.active):not(.done){filter:blur(6px);opacity:.28}
.stall-board{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:650px;aspect-ratio:1;margin:0 auto;padding:10px;border-radius:24px;background:linear-gradient(145deg,#2e6c42,#1c4b34);border:2px solid rgba(151,221,165,.35);box-shadow:inset 0 0 36px rgba(0,0,0,.28),0 18px 40px rgba(0,0,0,.22)}
.stall-cell{position:relative;border:0;border-radius:11px;background:linear-gradient(145deg,#78a95f,#5f8d4e);display:grid;place-items:center;min-width:0;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:.16s}.stall-cell span{font-size:clamp(1.3rem,4vw,2.4rem);filter:drop-shadow(0 5px 4px rgba(0,0,0,.25))}.stall-cell small{position:absolute;left:3px;right:3px;bottom:3px;padding:2px;border-radius:5px;background:rgba(4,20,35,.75);font-size:.48rem;line-height:1.1}.stall-cell.obstacle{background:linear-gradient(145deg,#173b2a,#0d281c)}.stall-cell.station{background:linear-gradient(145deg,#295896,#173563)}.stall-cell.target{animation:targetPulse 1s infinite;border:2px solid #f3c54f}.stall-cell.player{z-index:3;background:radial-gradient(circle,#f4cf58,#d59122);box-shadow:0 0 0 4px rgba(243,197,79,.24),0 8px 15px rgba(0,0,0,.28);transform:scale(1.07)}@keyframes targetPulse{50%{box-shadow:0 0 0 6px rgba(243,197,79,.18)}}
.stall-message{position:absolute;z-index:10;left:50%;bottom:32px;transform:translate(-50%,10px);opacity:0;padding:.65rem 1rem;border-radius:999px;color:#fff;font-weight:900;transition:.2s;pointer-events:none}.stall-message.show{opacity:1;transform:translate(-50%,0)}.stall-message.good{background:#18783a}.stall-message.bad{background:#a52d38}.stall-message.info{background:#214d9f}.stall-howto{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;text-align:left;margin:18px 0}.stall-howto span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#07163e;color:#f3c54f;font-weight:900}.stall-howto b{align-self:center;color:#35446c}.stall-controls{display:grid;justify-items:center;gap:4px}.stall-controls>div{display:flex;gap:4px}.stall-controls button{width:52px;height:46px;border:0;border-radius:12px;background:#173d8f;color:#fff;font-size:1.35rem;font-weight:900}
/* Neue Ei-Wissensseite */
.egg-knowledge-nav{position:sticky;top:82px;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.egg-knowledge-nav nav{display:flex;gap:8px;overflow-x:auto;padding:11px 0}.egg-knowledge-nav a{white-space:nowrap;padding:.5rem .8rem;border-radius:999px;background:#f1f5f2;color:var(--green-dark);font-size:.78rem;font-weight:850}.egg-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.egg-feature-photo{margin:0;position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.egg-feature-photo img{width:100%;height:430px;object-fit:cover}.egg-feature-photo figcaption{position:absolute;left:16px;bottom:16px;background:#fff;padding:.55rem .75rem;border-radius:999px;font-size:.75rem;font-weight:800}.fact-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.fact-pills span{padding:.55rem .72rem;border-radius:999px;background:#edf4ef;color:var(--green-dark);font-size:.75rem;font-weight:800}.knowledge-heading{max-width:760px;margin-bottom:28px}.knowledge-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.knowledge-story,.egg-fact-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-soft)}.knowledge-story>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--green-dark);color:#fff;font-weight:900}.knowledge-story h3{margin:17px 0 7px;color:var(--green-dark)}.knowledge-story p,.egg-fact-grid p{margin:0;color:var(--muted)}.egg-split-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.egg-split-card img{width:100%;height:100%;min-height:430px;object-fit:cover}.egg-split-card>div{padding:48px}.check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}.check-list li{position:relative;padding-left:30px;color:var(--muted)}.check-list li:before{content:'✓';position:absolute;left:0;top:0;color:var(--green);font-weight:1000}.egg-fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.egg-fact-grid b{display:block;color:var(--green-dark);font-size:1.12rem;margin-bottom:8px}.visual-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.visual-faq-grid details{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-soft)}.visual-faq-grid summary{cursor:pointer;list-style:none}.visual-faq-grid summary::-webkit-details-marker{display:none}.visual-faq-grid summary img{width:100%;height:160px;object-fit:cover;background:#eef5f1}.visual-faq-grid summary span{display:block;padding:16px}.visual-faq-grid summary b{display:block;color:var(--green-dark)}.visual-faq-grid summary small{display:block;color:var(--muted);margin-top:4px}.visual-faq-grid details p{margin:0;padding:0 16px 18px;color:var(--muted)}.qa-columns{columns:2;column-gap:18px}.qa-columns details{break-inside:avoid;margin-bottom:12px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px 18px}.qa-columns summary{cursor:pointer;font-weight:850;color:var(--green-dark)}.qa-columns p{color:var(--muted);margin:.7rem 0 0}.egg-quiz-cta{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:38px;border-radius:28px;background:linear-gradient(135deg,#07163e,#173d8f);color:#fff}.egg-quiz-cta h2{font-size:2rem;margin:.35rem 0}.egg-quiz-cta p{color:#c7d5f3;margin:0}.egg-quiz-cta .btn{white-space:nowrap}.knowledge-return{text-align:center;margin-top:24px}
@media(max-width:760px){.stall-game{padding:10px;min-height:570px}.stall-mission{grid-template-columns:1fr}.stall-mission ol{padding-bottom:3px}.stall-board{gap:3px;padding:5px}.stall-cell{border-radius:7px}.stall-cell small{display:none}.egg-feature-grid,.egg-split-card{grid-template-columns:1fr}.egg-feature-photo img{height:300px}.knowledge-story-grid,.visual-faq-grid,.egg-fact-grid{grid-template-columns:1fr}.egg-split-card img{min-height:280px;height:280px}.egg-split-card>div{padding:28px 22px}.qa-columns{columns:1}.egg-quiz-cta{align-items:flex-start;flex-direction:column;padding:28px 22px}.egg-knowledge-nav{top:74px}}


/* Stallmeister: kompakter Aufbau und feste Kachelgrößen */
.compact-game-shell{width:min(790px,calc(100% - 28px))}
.compact-game-shell .game-head{padding:18px 22px}
.compact-game-shell .game-head h1{font-size:clamp(1.85rem,3.3vw,2.65rem)}
.compact-game-shell .game-stats{flex-wrap:wrap;justify-content:flex-end}
.stall-game{min-height:0;padding:14px 16px 16px}
.stall-mission{grid-template-columns:160px minmax(0,1fr);gap:12px;min-height:76px;padding:11px 13px;margin-bottom:11px}
.stall-mission>div{min-width:0}
.stall-mission strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
.stall-mission ol{min-width:0;min-height:48px;align-items:center;scrollbar-width:thin}
.stall-mission li{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:4px;width:124px;min-width:124px;height:44px;padding:5px 7px;border:1px solid rgba(255,255,255,.13);overflow:hidden}
.stall-step-icon{font-size:1rem!important;margin:0!important;text-align:center}
.stall-step-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;line-height:1.05}
.stall-step-status{display:grid;place-items:center;width:16px;height:16px;color:#8ff0a8;font-weight:1000}
.stall-board{width:min(500px,100%);max-width:500px;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));gap:5px;padding:7px;border-radius:20px}
.stall-cell{width:100%;height:100%;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.stall-cell span{font-size:clamp(1rem,2.6vw,1.8rem)}
.stall-cell small{font-size:.43rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stall-cell.target{border:1px solid #f3c54f;box-shadow:inset 0 0 0 1px #f3c54f}
.stall-cell.player{transform:none;box-shadow:inset 0 0 0 2px #fff,0 0 0 3px rgba(243,197,79,.28)}
.compact-game-shell .game-panel{padding:14px 18px;gap:12px}
.compact-game-shell .game-help{margin:0;max-width:520px;font-size:.82rem;line-height:1.45}
.stall-controls button{width:44px;height:40px;border-radius:10px;font-size:1.15rem}

/* Eigene Fehlerseite für nicht vorhandene Adressen */
.error-404-page{min-height:100vh;display:flex;flex-direction:column;background:#f5f7f6}
.error-main{flex:1}
.error-hero{padding:clamp(42px,7vw,84px) 0}
.error-card{display:grid;grid-template-columns:1.05fr .75fr;min-height:430px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#fff 0 58%,#eaf2ed 58%);border:1px solid var(--line);box-shadow:var(--shadow)}
.error-copy{padding:clamp(34px,6vw,70px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.error-code{display:block;color:var(--green);font-size:clamp(4rem,10vw,8rem);font-weight:1000;line-height:.8;letter-spacing:-.08em;margin-bottom:1.4rem;opacity:.12}
.error-copy h1{max-width:650px;margin:.1rem 0 .9rem;color:var(--green-dark);font-size:clamp(2.15rem,4.8vw,4.2rem);line-height:1.02;letter-spacing:-.05em}
.error-copy p{max-width:590px;margin:0;color:var(--muted);font-size:1.02rem}
.error-visual{position:relative;min-height:430px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.95),rgba(222,238,228,.65) 45%,rgba(123,164,116,.28) 70%)}
.error-egg{position:relative;z-index:2;width:180px;height:235px;border-radius:50% 50% 46% 46%/58% 58% 42% 42%;display:grid;place-items:center;background:linear-gradient(145deg,#fffdf6,#ddd1ae);box-shadow:inset -18px -22px 34px rgba(118,91,41,.13),0 28px 48px rgba(20,55,40,.2);transform:rotate(7deg)}
.error-egg span{color:var(--green-dark);font-size:5rem;font-weight:1000;transform:rotate(-7deg)}
.error-grass{position:absolute;left:-10%;right:-10%;bottom:-30px;height:150px;background:linear-gradient(160deg,#7ca65c,#396a49);clip-path:polygon(0 45%,8% 32%,17% 48%,28% 25%,42% 45%,55% 20%,70% 40%,84% 18%,100% 42%,100% 100%,0 100%)}
.error-chicken{position:absolute;right:12%;bottom:52px;z-index:3;font-size:4.2rem;filter:drop-shadow(0 12px 8px rgba(0,0,0,.18));transform:rotate(-7deg)}
.error-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.error-links a{display:flex;flex-direction:column;gap:3px;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--line);text-decoration:none;box-shadow:var(--shadow-soft);transition:.2s}
.error-links a:hover{transform:translateY(-3px);border-color:#aac6b6}
.error-links strong{color:var(--green-dark)}
.error-links span{color:var(--muted);font-size:.83rem}
.error-footer{margin-top:auto}

@media(max-width:760px){
  .compact-game-shell{width:calc(100% - 12px)}
  .compact-game-shell .game-head{padding:15px}
  .compact-game-shell .game-stats{justify-content:flex-start}
  .stall-game{padding:8px;min-height:0}
  .stall-mission{grid-template-columns:1fr;min-height:0;padding:10px;gap:7px}
  .stall-mission strong{white-space:normal}
  .stall-mission ol{min-height:42px;padding-bottom:2px}
  .stall-mission li{width:104px;min-width:104px;height:40px;grid-template-columns:19px minmax(0,1fr) 14px;padding:4px 5px}
  .stall-step-name{font-size:.6rem}
  .stall-board{width:min(390px,100%);gap:3px;padding:4px;border-radius:15px}
  .stall-cell{border-radius:6px}
  .stall-cell span{font-size:clamp(.95rem,5.5vw,1.45rem)}
  .stall-cell small{display:none}
  .compact-game-shell .game-panel{padding:12px;justify-content:center;text-align:center}
  .stall-controls{order:-1}
  .error-card{grid-template-columns:1fr;background:#fff}
  .error-copy{padding:34px 24px}
  .error-visual{min-height:280px}
  .error-egg{width:125px;height:165px}
  .error-egg span{font-size:3.5rem}
  .error-links{grid-template-columns:1fr}
}

/* Mobile Feinschliff: Touch-Ziele, stabile Spielbereiche und sichere Breiten */
html,body{max-width:100%;overflow-x:hidden}
.game-page button,.game-page .btn,.game-page .bin,.game-page [role="button"]{touch-action:manipulation}
@media(max-width:620px){
  .game-topbar{padding:10px 0}
  .game-topbar .container{width:calc(100% - 18px)}
  .game-topbar .btn{min-height:44px;padding:.68rem .85rem}
  .game-head{gap:12px;padding:15px}
  .game-head h1{font-size:clamp(1.55rem,8vw,2rem)}
  .game-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}
  .stat{display:flex;justify-content:center;align-items:center;min-height:40px;padding:.42rem .5rem;text-align:center;font-size:.75rem}
  .game-area,.sort-stage,.memory-board,.fox-field,.goat-maze{min-height:min(470px,68vh)}
  .game-overlay{padding:12px}
  .overlay-card{padding:24px 18px;border-radius:19px;max-height:calc(100vh - 30px);overflow:auto}
  .overlay-card h2{font-size:1.65rem}
  .game-panel{padding:13px;gap:10px}
  .game-panel .btn{width:100%;min-height:48px}
  .bin{min-height:58px;padding:13px;font-size:1.05rem}
  .memory-card{min-height:58px;border-radius:13px}
  .memory-front,.memory-back{border-radius:13px}
  .maze-controls button,.stall-controls button{min-width:52px;min-height:48px}
  .quiz-answer{min-height:64px}
  .quiz-jokers button{min-height:46px}
  .audio-toggle{min-height:46px}
}
@media(max-width:380px){
  .game-shell,.quiz-shell,.compact-game-shell{width:calc(100% - 8px)}
  .game-stats{grid-template-columns:1fr 1fr}
  .memory-board{padding:9px;gap:6px}
  .stall-board{gap:2px;padding:3px}
}

/* Drei zusätzliche Hofspiele: Küken-Sprint, Eierkarton-Meister, Hof-Detektiv */
.runner-shell,.carton-shell,.detective-shell{width:min(980px,calc(100% - 28px))}
.runner-shell .game-head,.carton-shell .game-head,.detective-shell .game-head{align-items:center}

/* Küken-Sprint */
.chick-runner{position:relative;min-height:570px;overflow:hidden;touch-action:none;background:linear-gradient(180deg,#07163e 0 34%,#174d7a 34% 52%,#315f42 52% 100%);border:1px solid rgba(105,145,241,.3);border-radius:0 0 26px 26px}
.runner-sky{position:absolute;inset:0 0 48%;background:radial-gradient(circle at 78% 18%,rgba(250,215,101,.55),transparent 18%),linear-gradient(180deg,#102c6b,#24669b)}
.runner-hills{position:absolute;left:-6%;right:-6%;top:30%;height:32%;background:linear-gradient(150deg,#438260,#244d3b);clip-path:polygon(0 70%,9% 45%,19% 66%,31% 30%,42% 61%,55% 24%,69% 55%,83% 25%,100% 62%,100% 100%,0 100%)}
.runner-track{position:absolute;left:0;right:0;top:52%;bottom:0;background:linear-gradient(180deg,#355237,#1c3d2b);box-shadow:inset 0 14px 30px rgba(0,0,0,.22)}
.runner-track::before,.runner-track::after,.runner-track i{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.33),transparent)}
.runner-track::before{top:16.5%}.runner-track::after{top:50%}.runner-track i:first-child{top:83.5%}.runner-track i:last-child{display:none}
.runner-track{background-image:repeating-linear-gradient(90deg,transparent 0 54px,rgba(255,255,255,.06) 54px 58px,transparent 58px 112px),linear-gradient(180deg,#355237,#1c3d2b)}
.runner-items{position:absolute;inset:0;z-index:6;pointer-events:none}
.runner-object{position:absolute;z-index:7;left:105%;top:50%;width:66px;height:66px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.42);border-radius:20px;background:linear-gradient(145deg,#fff8d7,#e7c56d);color:#202d20;box-shadow:0 13px 26px rgba(0,0,0,.3);pointer-events:none;transition:opacity .2s,filter .2s}
.runner-object span{display:block;font-size:2.25rem;line-height:1}.runner-object small{display:block;margin-top:3px;font-size:.56rem;font-weight:900}
.runner-object.runner-hazard{background:linear-gradient(145deg,#ffe4e4,#db797f);border-color:#ffadb1;color:#711b21}
.runner-object.runner-gold{background:radial-gradient(circle at 35% 28%,#fff6aa,#e0a923);border-color:#fff1a0}
.runner-object.runner-heart{background:linear-gradient(145deg,#ffe9ee,#ff9dad);border-color:#ffc5d0}
.runner-hit-good{animation:runnerGood .24s forwards}.runner-hit-bad{animation:runnerBad .24s forwards}
@keyframes runnerGood{to{transform:translate(-50%,-50%) scale(1.6) rotate(18deg);opacity:0}}
@keyframes runnerBad{50%{filter:brightness(1.8)}to{transform:translate(-50%,-50%) scale(.45) rotate(-22deg);opacity:0}}
.runner-chick{position:absolute;z-index:12;left:16%;top:50%;width:92px;height:92px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:30px;background:linear-gradient(145deg,#ffe477,#efa928);border:3px solid #fff0aa;box-shadow:0 16px 28px rgba(0,0,0,.32);transition:top .2s cubic-bezier(.2,.9,.2,1),filter .2s}
.runner-chick::before{content:"";position:absolute;left:-24px;bottom:10px;width:44px;height:22px;border-radius:50%;background:#dc8e1f;filter:blur(1px);opacity:.75}
.runner-chick span{font-size:3.65rem;filter:drop-shadow(0 5px 4px rgba(0,0,0,.18));animation:runnerBob .42s ease-in-out infinite alternate}
.runner-chick small{position:absolute;bottom:-14px;padding:.2rem .5rem;border-radius:999px;background:#07163e;color:#f3c54f;font-size:.56rem;font-weight:1000;letter-spacing:.13em}
@keyframes runnerBob{to{transform:translateY(-5px) rotate(2deg)}}
.runner-chick.runner-hurt{animation:runnerHurt .22s linear 4}
@keyframes runnerHurt{50%{opacity:.25;filter:hue-rotate(140deg)}}
.runner-message{position:absolute;z-index:18;left:50%;top:18px;transform:translate(-50%,-8px);padding:.55rem .9rem;border-radius:999px;background:#173d8f;color:#fff;font-size:.78rem;font-weight:900;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap}
.runner-message.show{opacity:1;transform:translate(-50%,0)}.runner-message.good{background:#18733b}.runner-message.bad{background:#a52d38}
.runner-overlay-card{border:1px solid rgba(55,96,190,.24);background:linear-gradient(150deg,#fff,#eff4ff)}
.runner-howto{display:grid;grid-template-columns:48px 1fr;gap:8px 12px;align-items:center;margin:18px 0;padding:14px;border-radius:16px;background:#edf2fb;text-align:left;color:#35446c}
.runner-howto span{display:grid;place-items:center;min-height:34px;border-radius:10px;background:#07163e;color:#f3c54f;font-weight:1000}.runner-howto b{font-size:.82rem}
.runner-panel{background:#fff}.runner-controls{display:flex;gap:9px}.runner-controls button{width:74px;height:52px;border:0;border-radius:15px;background:linear-gradient(145deg,#173d8f,#07163e);color:#fff;font-size:1.55rem;font-weight:1000;box-shadow:0 9px 18px rgba(7,22,62,.22)}
.runner-controls button:active{transform:translateY(2px)}

/* Eierkarton-Meister */
.carton-game{position:relative;min-height:590px;padding:18px;background:radial-gradient(circle at 75% 0,rgba(243,197,79,.22),transparent 28%),linear-gradient(155deg,#07163e,#10316f 56%,#10243e);overflow:hidden}
.carton-order{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:92px;padding:13px 16px;border:1px solid rgba(243,197,79,.38);border-radius:19px;background:rgba(4,15,42,.82);color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.22)}
.carton-order small{display:block;color:#a9bdeb;font-size:.62rem;letter-spacing:.13em;font-weight:900}.carton-order strong{display:block;margin-top:4px;font-size:1.03rem}
.order-chips{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.order-chip{display:grid;grid-template-columns:31px auto;grid-template-rows:auto auto;align-items:center;column-gap:5px;min-width:94px;padding:6px 8px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.08)}
.order-chip .carton-egg{grid-row:1/3;width:25px;height:34px}.order-chip b{font-size:.76rem;color:#f3c54f}.order-chip small{font-size:.56rem;letter-spacing:0;color:#d8e2fa}
.carton-workbench{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center;margin-top:18px}
.egg-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-content:start}.egg-choice{min-height:92px;padding:8px 5px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.075);color:#fff;box-shadow:none;transition:.18s}
.egg-choice:hover,.egg-choice.selected{border-color:#f3c54f;background:rgba(243,197,79,.17);transform:translateY(-2px);box-shadow:0 0 0 2px rgba(243,197,79,.15)}.egg-choice .carton-egg{margin:0 auto;width:35px;height:48px}.egg-choice>span{display:block;margin-top:4px;color:#f3c54f;font-size:.78rem;font-weight:1000}.egg-choice small{display:block;color:#c6d5f2;font-size:.6rem}
.carton-wrap{min-width:0}.carton-lid{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:12px 20px;border-radius:28px 28px 12px 12px;background:linear-gradient(155deg,#caa96e,#8b6735);border:3px solid #d8bf83;border-bottom:0;color:#fff6da;box-shadow:0 -7px 24px rgba(0,0,0,.18)}.carton-lid span{font-weight:1000;letter-spacing:.12em}.carton-lid small{font-size:.67rem;text-align:right}
.egg-carton{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,135px);gap:9px;padding:18px;border-radius:12px 12px 30px 30px;background:linear-gradient(145deg,#b99758,#72532f);border:3px solid #d8bf83;box-shadow:0 18px 32px rgba(0,0,0,.32),inset 0 10px 20px rgba(255,255,255,.12)}
.carton-slot{position:relative;display:grid;place-items:center;min-width:0;border:0;border-radius:50% 50% 42% 42%;background:radial-gradient(circle at 50% 45%,#5b4026,#8e6d3e 62%,#4f371f);box-shadow:inset 0 12px 18px rgba(0,0,0,.35),0 2px 0 rgba(255,255,255,.16);overflow:visible}
.carton-slot::after{content:"";position:absolute;inset:7px;border:1px dashed rgba(255,255,255,.16);border-radius:inherit}.carton-slot:not(:disabled):active{transform:scale(.96)}.carton-slot.disabled{opacity:.32;filter:grayscale(1)}.slot-number{color:rgba(255,255,255,.34);font-weight:1000;font-size:1rem}
.carton-egg{position:relative;display:block;width:49px;height:68px;border-radius:50% 50% 46% 46%/58% 58% 42% 42%;background:#f6edda;border:2px solid rgba(255,255,255,.55);box-shadow:inset -7px -10px 13px rgba(68,45,25,.22),0 8px 12px rgba(0,0,0,.26);transition:.2s}.carton-egg i{position:absolute;left:24%;top:16%;width:19%;height:23%;border-radius:50%;background:rgba(255,255,255,.5);transform:rotate(22deg)}
.egg-brown{background:#a96137}.egg-white{background:#fff9e9}.egg-green{background:#c7dfc3}.egg-blue{background:#b7d4e7}.egg-small{transform:scale(.84)}.egg-medium{transform:scale(.93)}.egg-large{transform:scale(1.03)}
.carton-slot.filled .carton-egg{animation:eggPlace .25s ease-out}@keyframes eggPlace{from{transform:translateY(-24px) scale(.35);opacity:.2}}
.carton-feedback{position:absolute;z-index:20;left:50%;bottom:14px;transform:translate(-50%,8px);padding:.58rem 1rem;border-radius:999px;background:#173d8f;color:#fff;font-size:.78rem;font-weight:900;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.carton-feedback.show{opacity:1;transform:translate(-50%,0)}.carton-feedback.good{background:#18733b}.carton-feedback.bad{background:#a52d38}
.carton-shake{animation:cartonShake .36s}.carton-success{animation:cartonGlow .65s}@keyframes cartonShake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-3px)}}@keyframes cartonGlow{50%{filter:drop-shadow(0 0 18px #76ed99)}}
.carton-howto{display:grid;grid-template-columns:30px 1fr;gap:8px 10px;align-items:center;margin:18px 0;padding:14px;border-radius:15px;background:#edf2fb;text-align:left}.carton-howto b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#07163e;color:#f3c54f}.carton-howto span{color:#35446c;font-size:.8rem;font-weight:800}
.carton-panel{background:#fff}.carton-actions{display:flex;gap:9px;flex-wrap:wrap}.carton-actions .btn{min-height:48px}

/* Hof-Detektiv */
.detective-game{position:relative;min-height:620px;padding:16px;background:linear-gradient(155deg,#07163e,#12336f);overflow:hidden}
.detective-mission{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:82px;padding:12px 15px;border:1px solid rgba(243,197,79,.38);border-radius:18px;background:rgba(3,14,40,.82);color:#fff}.detective-mission small{display:block;color:#a9bdeb;font-size:.61rem;letter-spacing:.13em;font-weight:900}.detective-mission strong{display:block;margin-top:4px;font-size:.95rem}
.detective-targets{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.detective-target{position:relative;display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:5px;min-width:76px;padding:5px 7px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.08);transition:.2s}.detective-target b{grid-row:1/3;font-size:1.35rem}.detective-target small{align-self:center;color:#d6e1f8;font-size:.56rem}.detective-target i{position:absolute;right:4px;top:2px;color:#7ff09c;font-style:normal;font-weight:1000}.detective-target.found{opacity:.45;transform:scale(.94);border-color:#5bd47d}
.detective-scene{position:relative;height:480px;margin-top:13px;border:1px solid rgba(255,255,255,.22);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#6db8de 0 45%,#7daf5c 45% 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.04)}
.detective-scene.scene-1{background:linear-gradient(180deg,#9dcae2 0 42%,#729b51 42% 100%)}.detective-scene.scene-2{background:linear-gradient(180deg,#e7af78 0 43%,#5f8b50 43% 100%)}.detective-scene.scene-3{background:linear-gradient(180deg,#31568a 0 44%,#345c42 44% 100%)}
.scene-sun{position:absolute;right:9%;top:8%;width:72px;height:72px;border-radius:50%;background:#ffe477;box-shadow:0 0 45px rgba(255,228,119,.65)}.scene-3 .scene-sun{background:#eef3ff;box-shadow:0 0 38px rgba(221,231,255,.45)}
.scene-cloud{position:absolute;width:90px;height:27px;border-radius:999px;background:rgba(255,255,255,.75)}.scene-cloud::before,.scene-cloud::after{content:"";position:absolute;border-radius:50%;background:inherit}.scene-cloud::before{left:18px;top:-17px;width:40px;height:40px}.scene-cloud::after{right:12px;top:-11px;width:30px;height:30px}.cloud-a{left:8%;top:14%}.cloud-b{left:43%;top:8%;transform:scale(.72);opacity:.72}
.scene-hills{position:absolute;left:-5%;right:-5%;top:31%;height:30%;background:linear-gradient(150deg,#5f945c,#39684e);clip-path:polygon(0 70%,10% 38%,21% 66%,34% 25%,49% 61%,63% 31%,77% 58%,91% 28%,100% 62%,100% 100%,0 100%)}
.scene-barn{position:absolute;right:8%;bottom:12%;width:180px;height:145px;border-radius:7px;background:#a94338;box-shadow:0 13px 20px rgba(0,0,0,.25)}.scene-barn::before{content:"";position:absolute;left:-20px;right:-20px;top:-76px;border-left:110px solid transparent;border-right:110px solid transparent;border-bottom:82px solid #682f31}.scene-barn i{position:absolute;left:58px;bottom:0;width:64px;height:92px;background:#f0d39c;border:5px solid #71392e}.scene-barn i::before,.scene-barn i::after{content:"";position:absolute;left:27px;top:0;width:5px;height:100%;background:#71392e}.scene-barn i::after{left:0;top:43px;width:100%;height:5px}
.scene-fence{position:absolute;left:0;right:0;bottom:14%;height:56px;background:repeating-linear-gradient(90deg,transparent 0 48px,#d5b376 48px 57px,transparent 57px 98px),linear-gradient(180deg,transparent 0 18px,#d5b376 18px 27px,transparent 27px 43px,#d5b376 43px 51px,transparent 51px)}
.detective-items{position:absolute;inset:0;z-index:8}.detective-object{position:absolute;z-index:9;width:58px;height:58px;transform:translate(-50%,-50%) rotate(var(--tilt)) scale(var(--scale));display:grid;place-items:center;border:0;border-radius:17px;background:rgba(255,255,255,.22);box-shadow:0 9px 18px rgba(0,0,0,.18);backdrop-filter:blur(2px);transition:.2s}.detective-object span{font-size:2.15rem;filter:drop-shadow(0 4px 3px rgba(0,0,0,.25))}.detective-object:hover{background:rgba(255,255,255,.4);transform:translate(-50%,-50%) rotate(0) scale(calc(var(--scale) * 1.08))}.detective-object.found{opacity:0;transform:translate(-50%,-50%) scale(1.8);pointer-events:none}.detective-object.wrong{animation:detectiveWrong .36s}.detective-object.hinted{animation:detectiveHint .55s 3;z-index:20}
@keyframes detectiveWrong{25%{transform:translate(-50%,-50%) rotate(-12deg) scale(var(--scale))}75%{transform:translate(-50%,-50%) rotate(12deg) scale(var(--scale))}}@keyframes detectiveHint{50%{box-shadow:0 0 0 9px rgba(243,197,79,.72),0 0 36px #f3c54f;transform:translate(-50%,-50%) scale(1.25)}}
.detective-message{position:absolute;z-index:24;left:50%;bottom:18px;transform:translate(-50%,8px);padding:.58rem 1rem;border-radius:999px;background:#173d8f;color:#fff;font-size:.78rem;font-weight:900;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap}.detective-message.show{opacity:1;transform:translate(-50%,0)}.detective-message.good{background:#18733b}.detective-message.bad{background:#a52d38}
.detective-panel{background:#fff}.detective-panel .btn{min-height:48px}

@media(max-width:760px){
  .runner-shell,.carton-shell,.detective-shell{width:calc(100% - 10px)}
  .chick-runner{min-height:500px}.runner-chick{left:18%;width:78px;height:78px}.runner-chick span{font-size:3rem}.runner-object{width:58px;height:58px}.runner-object span{font-size:1.9rem}.runner-object small{display:none}.runner-panel{justify-content:center}.runner-panel .game-help{width:100%}.runner-controls{order:-1}.runner-controls button{width:100px;height:54px}
  .carton-game{min-height:0;padding:10px}.carton-order{align-items:flex-start;flex-direction:column}.order-chips{justify-content:flex-start;width:100%}.order-chip{min-width:80px}.carton-workbench{grid-template-columns:1fr;gap:10px;margin-top:10px}.egg-palette{display:flex;overflow-x:auto;padding:3px 2px 7px;scrollbar-width:thin}.egg-choice{min-width:76px;min-height:84px}.carton-lid{min-height:56px;padding:9px 13px}.carton-lid small{display:none}.egg-carton{grid-template-rows:repeat(2,92px);gap:5px;padding:10px}.carton-egg{width:37px;height:52px}.carton-feedback{bottom:7px;max-width:92%;white-space:normal;text-align:center}.carton-panel{justify-content:center}.carton-panel .game-help{width:100%}.carton-actions{width:100%}.carton-actions .btn{flex:1}
  .detective-game{min-height:0;padding:9px}.detective-mission{align-items:flex-start;flex-direction:column;padding:10px}.detective-targets{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.detective-target{min-width:70px}.detective-scene{height:470px;margin-top:8px}.scene-barn{width:135px;height:110px}.scene-barn::before{top:-56px;border-left-width:82px;border-right-width:82px;border-bottom-width:62px}.scene-barn i{left:43px;width:49px;height:70px}.detective-object{width:51px;height:51px}.detective-object span{font-size:1.85rem}.detective-message{max-width:90%;white-space:normal;text-align:center}.detective-panel{justify-content:center}.detective-panel .game-help{width:100%}
}
@media(max-width:420px){
  .chick-runner{min-height:455px}.runner-chick{left:19%;width:70px;height:70px}.runner-chick span{font-size:2.7rem}.runner-object{width:51px;height:51px;border-radius:15px}.runner-message{top:9px;max-width:88%;white-space:normal;text-align:center}
  .egg-carton{grid-template-rows:repeat(2,76px);padding:7px;gap:4px}.carton-slot{border-radius:45%}.carton-egg{width:31px;height:44px}.order-chip{min-width:72px;padding:4px 5px}.order-chip small{font-size:.5rem}.egg-choice{min-width:69px}.egg-choice .carton-egg{width:31px;height:43px}
  .detective-scene{height:430px}.detective-object{width:46px;height:46px}.detective-object span{font-size:1.65rem}.scene-barn{right:3%}
}

/* 50 Abzeichen auf kleinen Displays lesbar statt winzig */
@media(max-width:480px){
  .badge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .achievement{aspect-ratio:auto;min-height:96px;padding:9px 6px}
  .achievement-icon{font-size:1.65rem}
  .achievement small{font-size:.61rem;line-height:1.15}
}

/* Straßenhüpfer – echtes Cross-the-road-Spiel */
.cross-game{position:relative;min-height:650px;overflow:hidden;background:#8bc47a;touch-action:none;user-select:none}
.cross-road{position:absolute;inset:0;display:grid;grid-template-rows:repeat(9,1fr);overflow:hidden}
.cross-row{position:relative;display:flex;align-items:center;justify-content:space-around;min-height:0}
.safe-row{background:linear-gradient(180deg,#8dcc74,#64a955);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(32,82,38,.25)}
.safe-row span{font-size:1.25rem;opacity:.75}.goal-row{background:linear-gradient(180deg,#d8e8a8,#8fc66e);color:#173d2c;font-weight:900;letter-spacing:.05em}.goal-row span{font-size:2rem}.goal-row b{font-size:.82rem}
.road-row{background:linear-gradient(180deg,#4d535d,#2d333b 52%,#464c55);border-top:4px solid #aeb4bd;border-bottom:4px solid #1d2228}
.road-row i{width:8%;height:4px;border-radius:999px;background:#f2df8a;opacity:.92}
.cross-car{position:absolute;z-index:8;transform:translate(-50%,-50%);font-size:3.25rem;line-height:1;filter:drop-shadow(0 8px 5px rgba(0,0,0,.35));will-change:left;pointer-events:none}
.cross-chick{left:50%;top:94.4%;width:66px;height:66px;border-radius:22px;transition:left .13s ease,top .13s ease;background:linear-gradient(145deg,#ffe477,#efa928)}
.cross-chick span{font-size:2.65rem;animation:none}.cross-chick::before{display:none}.cross-hop span{animation:crossHop .18s ease-out}@keyframes crossHop{50%{transform:translateY(-13px) scale(1.08)}}
.cross-controls{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,52px);gap:7px}.cross-controls button{border:0;border-radius:14px;background:linear-gradient(145deg,#173d8f,#07163e);color:#fff;font-size:1.45rem;font-weight:1000;box-shadow:0 8px 16px rgba(7,22,62,.24)}.cross-controls button[data-cross="up"]{grid-column:2}.cross-controls button[data-cross="left"]{grid-column:1;grid-row:2}.cross-controls button[data-cross="down"]{grid-column:2;grid-row:2}.cross-controls button[data-cross="right"]{grid-column:3;grid-row:2}

/* Eierkarton-Meister – volle Kartons und Qualitätskontrolle */
.quality-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(118,237,153,.42);border-radius:13px;background:rgba(40,151,82,.16);color:#d8ffe4}.quality-chip b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#2d9a56}.quality-chip small{font-size:.58rem;max-width:86px;line-height:1.15}
.carton-progress{display:flex;justify-content:space-between;align-items:center;padding:7px 14px;background:#4e371f;color:#fff0c8;border-left:3px solid #d8bf83;border-right:3px solid #d8bf83;font-size:.72rem}.carton-progress b{color:#f3c54f;font-size:.9rem}
.egg-choice.quality-bad{border-color:rgba(255,121,131,.4);background:rgba(165,45,56,.16)}.egg-choice.quality-bad>span{color:#ff9aa3}
.carton-egg em{position:absolute;inset:0;display:grid;place-items:center;color:#7b131b;font-size:1.35rem;font-style:normal;font-weight:1000;text-shadow:0 1px 0 #fff}
.egg-cracked{background:#e8dcc7}.egg-dirty{background:#d1a66f}.egg-dented{background:#e3d4b9;clip-path:polygon(50% 0,84% 13%,100% 44%,86% 84%,52% 100%,15% 86%,0 48%,17% 12%)}
.slot-defect{box-shadow:inset 0 12px 18px rgba(0,0,0,.35),0 0 0 3px rgba(255,84,97,.55)}

/* Neue, hochwertigere Titelbilder bleiben als lokale SVGs scharf */
.game-card-image img[src$="game-kueken-sprint.svg"],.game-card-image img[src$="game-eierkarton.svg"]{object-fit:cover}

@media(max-width:620px){
  .cross-game{min-height:560px}.cross-car{font-size:2.55rem}.cross-chick{width:55px;height:55px}.cross-chick span{font-size:2.2rem}.cross-controls{grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,54px)}
  .carton-order{max-height:none}.quality-chip{width:100%}.egg-carton{grid-template-rows:repeat(2,88px)}.carton-actions .btn{font-size:.72rem;padding-inline:.55rem}
}
@media(max-width:390px){.cross-game{min-height:505px}.cross-car{font-size:2.25rem}.cross-controls{grid-template-columns:repeat(3,58px)}.egg-carton{grid-template-rows:repeat(2,74px)}}

/* Spielgrafik-Politur */
.game-card-image img[src$=".svg"]{object-fit:cover;background:#07163e;padding:0}
.game-card-image:has(img[src$=".svg"]){background:linear-gradient(145deg,#07163e,#173d8f)}
.cross-game::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 18%,transparent 82%,rgba(255,255,255,.04))}
.cross-row.road-row{background:linear-gradient(#34383e,#1d2025);border-top:2px solid #50555d;border-bottom:2px solid #111317}
.cross-row.road-row::after{content:"";position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,#f3d767 0 34px,transparent 34px 64px)}
.cross-row.safe-row{background:linear-gradient(90deg,#6ea45d,#84bd69 50%,#6ea45d);box-shadow:inset 0 5px 12px rgba(255,255,255,.18),inset 0 -5px 10px rgba(27,76,39,.18)}
.cross-car{background:rgba(255,255,255,.08);border-radius:16px;padding:2px 7px}
.cross-countdown{position:absolute;z-index:25;inset:0;display:grid;place-items:center;font-size:clamp(4rem,18vw,8rem);font-weight:1000;color:#fff;text-shadow:0 8px 22px rgba(0,0,0,.55);pointer-events:none}
.basket-game,.game-area{background-image:radial-gradient(circle at 15% 20%,rgba(255,255,255,.22),transparent 18%),linear-gradient(#bcd9ee 0 46%,#6ea35d 46% 100%)}
.memory-board{background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.3),transparent 25%),linear-gradient(145deg,#92aa7b,#55754d)}
.memory-card{border:2px solid rgba(255,255,255,.2)}
.memory-card.matched{box-shadow:0 0 0 4px #39b85a,0 10px 24px rgba(0,0,0,.18)}
.fox-field{background:radial-gradient(circle at 80% 15%,#ffe59b 0 7%,transparent 8%),linear-gradient(#91cce2 0 50%,#5d8b4e 50%)}
.sort-stage{background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.35),transparent 20%),linear-gradient(#e6ece8,#a2b98d)}
.conveyor{box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),0 16px 28px rgba(0,0,0,.18)}

/* Hof-Tic-Tac-Toe */
.ttt-shell{width:min(920px,calc(100% - 28px));background:#07163e;border-color:rgba(96,139,255,.35)}
.ttt-head{background:linear-gradient(125deg,#06122f,#102c6b 65%,#173d8f)}
.ttt-stage{position:relative;min-height:670px;padding:24px;overflow:hidden;background:radial-gradient(circle at 50% 34%,rgba(56,105,226,.45),transparent 34%),linear-gradient(145deg,#06122f,#0b2050 58%,#102e6f)}
.ttt-studio-glow{position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,rgba(79,126,255,.1),transparent 25%,rgba(243,197,79,.08),transparent 52%);animation:tttGlow 14s linear infinite;pointer-events:none}
@keyframes tttGlow{to{transform:rotate(360deg)}}
.ttt-matchbar{position:relative;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;max-width:690px;margin:0 auto 20px}
.ttt-player{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(4,15,43,.72);color:#c9d8ff;transition:.2s;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.ttt-player:last-child{justify-content:flex-end;text-align:right}.ttt-player>span{font-size:2.25rem;filter:drop-shadow(0 7px 5px rgba(0,0,0,.28))}
.ttt-player small{display:block;font-size:.52rem;letter-spacing:.15em;color:#8faaf1}.ttt-player strong{font-size:1rem;color:#fff}
.ttt-player.active{border-color:#f3c54f;background:linear-gradient(145deg,rgba(243,197,79,.18),rgba(12,36,86,.82));box-shadow:0 0 0 3px rgba(243,197,79,.12),0 12px 30px rgba(0,0,0,.22);transform:translateY(-2px)}
.ttt-turn{min-width:155px;padding:.6rem .9rem;border-radius:999px;background:#f3c54f;color:#102044;text-align:center;font-size:.74rem;font-weight:1000;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ttt-board-wrap{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center}
.ttt-board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(510px,90vw);aspect-ratio:1;padding:14px;border:2px solid rgba(116,153,255,.58);border-radius:34px;background:linear-gradient(145deg,rgba(8,25,63,.92),rgba(18,52,120,.8));box-shadow:inset 0 0 38px rgba(82,132,255,.18),0 28px 55px rgba(0,0,0,.4)}
.ttt-cell{position:relative;border:1px solid rgba(144,174,255,.38);border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(13,34,82,.68));display:grid;place-items:center;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:clamp(3rem,8vw,5.7rem);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 17px rgba(0,0,0,.2);transition:transform .16s,border-color .16s,background .16s,filter .16s;touch-action:manipulation}
.ttt-cell:hover:not(:disabled){transform:translateY(-3px);border-color:#f3c54f;background:linear-gradient(145deg,rgba(243,197,79,.18),rgba(13,34,82,.7))}.ttt-cell:active:not(:disabled){transform:scale(.96)}
.ttt-cell.placed-chicken{background:radial-gradient(circle,#fff1a1 0 18%,rgba(243,197,79,.28) 45%,rgba(17,41,91,.84));border-color:#f3c54f}.ttt-cell.placed-goat{background:radial-gradient(circle,#b8ffd1 0 18%,rgba(74,218,128,.25) 45%,rgba(17,41,91,.84));border-color:#61e899}
.ttt-cell.ttt-winning{filter:brightness(1.24);box-shadow:inset 0 0 24px rgba(255,255,255,.18),0 0 0 4px rgba(97,242,160,.66),0 0 30px rgba(97,242,160,.42)}
.ttt-pop{animation:tttPop .27s cubic-bezier(.2,1.5,.45,1)}@keyframes tttPop{0%{transform:scale(.2) rotate(-10deg)}75%{transform:scale(1.1) rotate(3deg)}100%{transform:scale(1)}}
.ttt-win-line{position:absolute;z-index:8;left:50%;top:50%;width:0;height:12px;border-radius:999px;background:linear-gradient(90deg,#61f2a0,#fff5a6,#61f2a0);box-shadow:0 0 20px #61f2a0;transform-origin:center;pointer-events:none;opacity:0;transition:width .35s ease,opacity .2s}.ttt-win-line.show{width:82%;opacity:1}
.ttt-win-line.row-1{top:18%;transform:translate(-50%,-50%)}.ttt-win-line.row-2{top:50%;transform:translate(-50%,-50%)}.ttt-win-line.row-3{top:82%;transform:translate(-50%,-50%)}
.ttt-win-line.col-1{left:18%;transform:translate(-50%,-50%) rotate(90deg)}.ttt-win-line.col-2{left:50%;transform:translate(-50%,-50%) rotate(90deg)}.ttt-win-line.col-3{left:82%;transform:translate(-50%,-50%) rotate(90deg)}
.ttt-win-line.diag-1{width:108%;transform:translate(-50%,-50%) rotate(45deg)}.ttt-win-line.diag-2{width:108%;transform:translate(-50%,-50%) rotate(-45deg)}
.ttt-message{min-height:26px;margin:16px 0 0;color:#d6e1ff;text-align:center;font-size:.9rem;font-weight:750}
.ttt-overlay-card{max-width:560px;border:1px solid rgba(82,126,232,.3);background:linear-gradient(150deg,#fff,#eef3ff)}
.ttt-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;text-align:left}.ttt-options fieldset{min-width:0;margin:0;padding:12px;border:1px solid #cbd6ed;border-radius:16px;background:#f8faff}.ttt-options legend{padding:0 5px;color:#173d8f;font-size:.67rem;font-weight:1000;text-transform:uppercase;letter-spacing:.1em}.ttt-options label{display:flex;align-items:center;gap:8px;margin:7px 0;color:#334367;font-size:.78rem;font-weight:750}.ttt-options input{accent-color:#173d8f;width:18px;height:18px}
.ttt-panel{background:#fff}.ttt-actions{display:flex;gap:9px}.ttt-actions button{min-height:48px}
.game-card-image img[src$="game-tic-tac-toe.svg"]{object-fit:cover;background:#07163e}
@media(max-width:700px){.ttt-shell{width:calc(100% - 10px)}.ttt-stage{min-height:610px;padding:14px 9px}.ttt-matchbar{grid-template-columns:1fr 1fr;gap:8px}.ttt-turn{grid-column:1/-1;grid-row:2;justify-self:center;order:3}.ttt-player{padding:8px 9px}.ttt-player>span{font-size:1.75rem}.ttt-player small{font-size:.44rem}.ttt-player strong{font-size:.84rem}.ttt-board{width:min(470px,96vw);gap:6px;padding:8px;border-radius:24px}.ttt-cell{border-radius:17px;font-size:clamp(2.8rem,17vw,4.6rem)}.ttt-options{grid-template-columns:1fr}.ttt-panel{justify-content:center}.ttt-panel .game-help{width:100%}.ttt-actions{width:100%}.ttt-actions .btn{flex:1}.ttt-win-line{height:9px}}
@media(max-width:390px){.ttt-stage{min-height:550px}.ttt-board{width:94vw}.ttt-cell{border-radius:14px}.ttt-message{font-size:.78rem}.ttt-options fieldset{padding:9px}.ttt-overlay-card{padding:23px 17px}}


/* Quiz-Mobile-Fix: Startknopf bleibt immer erreichbar und die Startkarte wird auf iOS nicht mehr aus dem Sichtbereich geschoben. */
.quiz-header-start{border:1px solid #f2cd55;background:linear-gradient(145deg,#ffe477,#e7ad22);color:#07163e;border-radius:999px;min-height:42px;padding:.55rem 1rem;font:inherit;font-size:.82rem;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(238,185,45,.24);white-space:nowrap}
.quiz-header-start:hover{transform:translateY(-1px);filter:brightness(1.04)}
.quiz-header-start:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:820px){
  .quiz-stage>.game-overlay{position:absolute;inset:0;display:grid;place-items:start center;padding:16px;overflow:auto;-webkit-overflow-scrolling:touch}
  .quiz-stage>.game-overlay.hidden{display:none!important}
  .quiz-overlay-card{margin-top:14px;margin-bottom:14px}
  .quiz-head .game-stats{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .quiz-head .game-stats .stat{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px}
  .quiz-header-start{grid-column:1/-1;width:100%;min-height:50px;font-size:.95rem}
}
@media(max-width:620px){
  .quiz-stage{min-height:690px}
  .quiz-studio{justify-content:flex-start;padding-top:22px}
  .quiz-overlay-card{padding:26px 20px}
  .quiz-overlay-card h2{font-size:1.65rem}
  .game-panel{padding-bottom:calc(22px + env(safe-area-inset-bottom))}
}

/* =========================================================
   MOBILE-FIRST FINALER FEINSCHLIFF – 07/2026
   Ziel: ruhige Einstiege, kompakte Karten, sichere Touch-Ziele
   und stabile Darstellung von 320 px bis Tabletbreite.
   ========================================================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
.hero-photo>picture,.hero-photo>picture>img{display:block;width:100%;height:100%}
.hero-photo>picture>img{object-fit:cover;object-position:50% 50%}

@media(max-width:820px){
  html{scroll-padding-top:74px}
  .site-header{padding-top:env(safe-area-inset-top)}
  .nav-wrap{min-height:68px;gap:10px}
  .brand{gap:9px;min-width:0;max-width:calc(100% - 58px)}
  .brand img{width:58px;height:44px;flex:none}
  .brand strong{font-size:1rem;white-space:nowrap}
  .brand small{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .menu-toggle{display:block;width:44px;height:44px;border-radius:13px;flex:none}
  .menu-toggle::before{top:13px}.menu-toggle span{top:20px}.menu-toggle::after{top:27px}
  .menu-toggle.open::before,.menu-toggle.open::after{top:20px}
  .main-nav{
    inset:calc(68px + env(safe-area-inset-top)) 0 auto;
    z-index:120;
    max-height:calc(100dvh - 68px - env(safe-area-inset-top));
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:12px 14px calc(18px + env(safe-area-inset-bottom));
    border-radius:0 0 22px 22px;
    transform:translateY(-12px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s,transform .2s,visibility .2s;
  }
  .main-nav.open{transform:none;opacity:1;visibility:visible;pointer-events:auto}
  .main-nav a{min-height:48px;display:flex;align-items:center;padding:.78rem .9rem;font-size:.94rem}
  .main-nav .nav-buy{margin-top:6px;min-height:50px}

  .hero{padding-top:10px}
  .hero-card{grid-template-columns:1fr;min-height:0;border-radius:24px}
  .hero-content{min-height:0;padding:34px 26px 30px}
  .hero-content .display{font-size:clamp(2.8rem,12vw,4.1rem);margin:.1rem 0 .55rem}
  .hero-claim{font-size:clamp(1.35rem,5.4vw,1.75rem);margin-bottom:.8rem}
  .hero-content .lead{font-size:.98rem;line-height:1.55;margin:.2rem 0;max-width:34rem}
  .hero-photo{min-height:300px;height:clamp(300px,58vw,430px)}
  .hero-photo::after{background:linear-gradient(0deg,rgba(15,61,43,.18),transparent 44%)}
  .photo-note{right:12px;bottom:12px;padding:9px 12px;border-radius:13px}
  .photo-note strong{font-size:.82rem}.photo-note span{font-size:.68rem}
  .actions{margin-top:1.15rem;gap:9px}
  .actions .btn{min-height:47px}
  .feature-strip{width:calc(100% - 22px);margin:-12px auto 0;border-radius:17px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .feature-item{padding:13px 10px;text-align:center;min-width:0}
  .feature-item+.feature-item{border-left:1px solid var(--line);border-top:0}
  .feature-item strong{font-size:.78rem;line-height:1.2}
  .feature-item span{font-size:.65rem;line-height:1.25;margin-top:4px}

  .section{padding:58px 0}
  .section-heading{margin-bottom:22px;gap:16px}
  .headline{font-size:clamp(1.9rem,7.5vw,2.65rem);line-height:1.08;letter-spacing:-.035em;margin:.1rem 0 .55rem}
  .subhead,.lead{font-size:.98rem;line-height:1.58}
  .eyebrow{font-size:.68rem;margin-bottom:.45rem}
  .btn{min-height:47px;padding:.72rem 1rem}
  .text-link{min-height:42px}

  .editorial-grid{gap:15px}
  .editorial-card{border-radius:20px}
  .editorial-feature{grid-template-columns:1fr 1fr}
  .editorial-feature img{min-height:245px}
  .editorial-body{padding:20px}
  .editorial-body h3{font-size:1.3rem}.editorial-feature h3{font-size:1.55rem}
  .editorial-body p{font-size:.94rem;line-height:1.55}

  .farm-life-grid,.faq-teaser,.sales-home,.kids-teaser{gap:26px}
  .home-page .photo-collage.single{max-width:480px}
  .home-page .photo-collage.single figure{height:280px}
  .faq-photo,.sales-home-photo,.kids-photo{height:310px;border-radius:22px}
  .location-mini{gap:7px;margin:18px 0}
  .location-mini span{padding:11px 13px;font-size:.9rem}
  .location-mini b{min-width:88px}
  .mist-wrap{gap:22px}
  .soil-visual{height:245px}
  .soil-hill{height:115px;bottom:44px}
  .sprout{bottom:132px;transform:scale(.82)}

  .page-hero{padding-top:10px}
  .page-hero-box{height:auto;border-radius:23px}
  .page-hero-copy{padding:30px 26px 28px}
  .page-hero-copy .display{font-size:clamp(2.15rem,8.5vw,3rem);line-height:1.06;margin:.08rem 0 .55rem}
  .page-hero-copy .lead{font-size:.96rem;line-height:1.5}
  .page-hero-box>img{height:255px;min-height:255px;object-position:center}
  .simple-hero{padding:34px 26px!important}
  .simple-hero .display{font-size:clamp(2.05rem,8vw,2.75rem)!important}

  .news-list{gap:18px}
  .news-entry{border-radius:21px}
  .news-entry>img{height:270px;min-height:270px}
  .news-entry-content{padding:24px 22px}
  .news-entry-content h2{font-size:1.55rem;line-height:1.15}
  .news-entry-content p{font-size:.95rem}
  .instagram-card{border-radius:21px}

  .process-intro{gap:24px}
  .timeline-step{align-items:start}
  .step-card{border-radius:18px}
  .process-gallery{gap:15px}
  .process-gallery article{border-radius:20px}
  .video-card{border-radius:20px}

  .games-grid{gap:15px}
  .game-card{border-radius:20px}
  .game-card-image{height:210px}
  .game-card-body{padding:20px}
  .game-card-body h2{font-size:1.38rem}
  .game-card-body p{min-height:0;font-size:.93rem;line-height:1.48}
  .game-card-featured{display:block}
  .game-card-featured .game-card-image{height:230px;min-height:0}
  .badge-panel{border-radius:23px;padding:30px 22px}
  .badge-head{gap:15px;margin-bottom:20px}
  .badge-head>strong{font-size:.76rem;white-space:normal;text-align:center}
  .badge-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .achievement{border-radius:13px;padding:6px;min-width:0}
  .achievement-icon{font-size:1.38rem}.achievement small{font-size:.5rem}

  .sales-grid{gap:16px}
  .sales-card{border-radius:21px}
  .sales-image{height:230px}
  .sales-content{padding:22px}
  .trust-row{gap:10px}
  .trust-card{padding:17px 14px;border-radius:17px}

  .egg-knowledge-nav{top:calc(68px + env(safe-area-inset-top));overflow-x:auto;display:flex;flex-wrap:nowrap;gap:7px;padding:9px 14px;scrollbar-width:none}
  .egg-knowledge-nav::-webkit-scrollbar{display:none}
  .egg-knowledge-nav a{white-space:nowrap;flex:none}
  .egg-feature-grid,.knowledge-story-grid,.egg-guide-grid,.visual-faq-grid,.egg-fact-grid{gap:14px}
  .egg-feature-photo,.knowledge-story,.egg-split-card,.visual-faq-grid details,.egg-quiz-cta{border-radius:21px}
  .egg-feature-copy,.knowledge-story>div,.egg-split-card>div{padding:26px 22px}
  .egg-feature-copy h2,.egg-split-card h2{font-size:1.75rem;line-height:1.12}
  .visual-faq-grid summary img{height:185px}
  .qa-columns details{padding:15px 16px}
  .egg-quiz-cta{padding:26px 22px;gap:18px}
  .egg-quiz-cta h2{font-size:1.65rem}

  .legal{font-size:.94rem}.legal h2{font-size:1.45rem}.legal h3{font-size:1.1rem}
  .error-card{border-radius:23px}
  .error-code{font-size:4.5rem}.error-copy h1{font-size:2.15rem}

  .site-footer{padding-top:50px}
  .footer-grid{gap:28px}
  .footer-brandline{gap:10px}
  .footer-logo{width:72px!important;height:50px!important}
  .footer-copy{padding-bottom:calc(22px + env(safe-area-inset-bottom));gap:8px}
  .scroll-top{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:48px;height:48px}
}

@media(max-width:620px){
  .container{width:calc(100% - 24px)}
  .brand small{max-width:170px}
  .hero-content{padding:29px 21px 26px}
  .hero-content .display{font-size:clamp(2.55rem,13vw,3.35rem)}
  .hero-claim{font-size:clamp(1.25rem,6vw,1.52rem)}
  .hero-photo{height:260px;min-height:260px}
  .hero-photo>picture>img{object-position:center 53%}
  .actions{display:grid;grid-template-columns:1fr}
  .actions .btn{width:100%}
  .feature-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .section{padding:48px 0}
  .section-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px}
  .headline{font-size:clamp(1.82rem,9vw,2.25rem)}
  .editorial-grid{grid-template-columns:1fr}
  .editorial-feature{display:block}
  .editorial-card img,.editorial-feature img{height:205px;min-height:205px}
  .editorial-body{padding:18px}
  .editorial-feature h3,.editorial-body h3{font-size:1.32rem}
  .home-page .farm-life-grid{gap:20px}
  .home-page .photo-collage.single figure{height:230px}
  .farm-facts{margin-top:17px;gap:6px}
  .farm-facts span{padding:.45rem .65rem;font-size:.78rem}
  .faq-photo,.sales-home-photo,.kids-photo{height:235px;border-radius:19px}
  .sales-home-photo>span,.kids-photo>span{left:12px;bottom:12px;font-size:.68rem}
  .location-mini b{display:block;min-width:0;margin-bottom:1px}
  .soil-visual{height:210px}
  .mist-section .btn{width:100%}

  .page-hero-copy{padding:26px 21px 24px}
  .page-hero-copy .display{font-size:clamp(2rem,10vw,2.48rem)}
  .page-hero-box>img{height:210px;min-height:210px}
  .simple-hero{padding:28px 21px!important}
  .news-entry>img{height:215px;min-height:215px}
  .news-entry-content{padding:20px 18px}
  .news-entry-content h2{font-size:1.4rem}
  .photo-journal figure{height:240px}
  .instagram-card{padding:21px 18px}

  .timeline::before{left:22px}
  .timeline-step{grid-template-columns:45px minmax(0,1fr);gap:10px}
  .step-no{width:45px;height:45px;font-size:.72rem}
  .step-card{padding:17px}
  .step-card h3{font-size:1.2rem}
  .process-gallery article{grid-template-rows:auto auto auto 190px}
  .video-card{padding:10px}

  .game-card-image{height:185px}
  .game-card-featured .game-card-image{height:205px}
  .game-card-body{padding:18px}
  .game-card-body h2{font-size:1.3rem}
  .badge-panel{padding:25px 16px}
  .badge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .achievement{aspect-ratio:auto;min-height:78px}
  .achievement small{font-size:.51rem;line-height:1.12}

  .sales-image{height:205px}
  .sales-content{padding:19px}
  .trust-row{grid-template-columns:1fr 1fr}
  .trust-card{font-size:.86rem}

  .egg-knowledge-nav{top:calc(68px + env(safe-area-inset-top));margin-inline:-12px;padding-inline:12px}
  .egg-feature-photo img{height:230px}
  .egg-feature-copy,.knowledge-story>div,.egg-split-card>div{padding:22px 18px}
  .egg-feature-copy h2,.egg-split-card h2{font-size:1.55rem}
  .egg-split-card img{height:220px;min-height:220px}
  .visual-faq-grid summary img{height:170px}
  .egg-quiz-cta .btn{width:100%}

  .footer-grid{grid-template-columns:1fr;gap:24px}
  .footer-grid>div:last-child{grid-column:auto}
  .footer-copy{flex-direction:column;align-items:flex-start}

  /* Spielseiten: mobile Bedienung und lesbare, nicht übergroße Köpfe */
  .game-page{padding-bottom:env(safe-area-inset-bottom)}
  .game-topbar{padding:8px 0}
  .game-topbar .container{width:calc(100% - 14px)}
  .game-topbar .btn{font-size:.8rem;min-height:42px;padding:.58rem .75rem}
  .game-shell,.quiz-shell,.compact-game-shell,.runner-shell,.carton-shell,.detective-shell,.ttt-shell{width:calc(100% - 8px);margin-bottom:14px;border-radius:18px}
  .game-head{padding:14px;gap:9px}
  .game-kicker{font-size:.58rem}
  .game-head h1{font-size:clamp(1.45rem,7.5vw,1.9rem);letter-spacing:-.035em}
  .game-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .stat{min-height:38px;font-size:.7rem;padding:.36rem .4rem}
  .audio-toggle{min-height:42px;font-size:.76rem}
  .game-panel{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));gap:8px}
  .game-help{font-size:.78rem;line-height:1.4;margin:0}
  .game-panel .btn{min-height:46px;font-size:.84rem}
  .game-overlay{padding:9px}
  .overlay-card{padding:21px 16px;border-radius:17px;max-height:calc(100dvh - 20px)}
  .overlay-card h2{font-size:1.45rem}
  .overlay-card p{font-size:.86rem;line-height:1.45}

  .quiz-stage{min-height:610px}
  .quiz-studio{min-height:520px;padding:19px 8px}
  .quiz-stage>.game-overlay{padding:9px}
  .quiz-overlay-card{margin:5px 0;padding:22px 16px}
  .quiz-question{padding:16px 13px;font-size:.95rem}
  .quiz-answer{min-height:56px;padding:11px 12px 11px 45px;font-size:.86rem}
  .quiz-answer .answer-letter{left:15px}
  .prize-panel li{min-width:106px;font-size:.58rem}
  .quiz-header-start{min-height:45px;font-size:.84rem}

  .memory-board{min-height:390px;padding:10px;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
  .memory-card{min-height:60px}
  .memory-back{font-size:1.95rem}
  .fox-field,.sort-stage,.goat-maze,.game-area{min-height:430px}
  .sort-stage{padding:9px}
  .bins{gap:7px}.bin{min-height:52px;padding:10px;font-size:.95rem}
  .goat-maze{padding:9px;gap:2px;min-height:400px}
  .maze-controls{grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,48px)}
  .maze-controls button{min-width:52px;min-height:48px}

  .cross-game{min-height:500px}
  .cross-controls{grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,50px)}
  .cross-controls button{min-height:50px}
  .cross-car{font-size:2.1rem}

  .carton-stage{padding:10px}
  .carton-workspace{gap:10px}
  .egg-carton{grid-template-rows:repeat(2,70px);gap:5px;padding:7px}
  .egg-choice{min-height:62px}
  .carton-actions{gap:6px}
  .carton-actions .btn{font-size:.67rem;min-height:43px}

  .detective-stage{min-height:510px;padding:9px}
  .detective-board{min-height:390px}
  .stall-board{width:min(370px,100%)}
  .stall-mission li{min-width:98px;width:98px}

  .ttt-stage{min-height:525px;padding:11px 7px}
  .ttt-board{width:min(390px,94vw);gap:5px;padding:7px;border-radius:21px}
  .ttt-cell{font-size:clamp(2.55rem,15vw,4rem);border-radius:15px}
  .ttt-turn{min-width:130px;font-size:.67rem}
}

@media(max-width:390px){
  .container{width:calc(100% - 20px)}
  .brand span{min-width:0}.brand small{display:none}
  .hero-content{padding:26px 18px 23px}
  .hero-content .display{font-size:2.45rem}
  .hero-claim{font-size:1.2rem}
  .hero-photo{height:225px;min-height:225px}
  .feature-strip{width:calc(100% - 14px)}
  .feature-item{padding:11px 6px}.feature-item strong{font-size:.7rem}.feature-item span{font-size:.59rem}
  .section{padding:43px 0}
  .headline{font-size:1.78rem}
  .page-hero-copy .display{font-size:1.95rem}
  .page-hero-box>img{height:190px;min-height:190px}
  .editorial-card img,.editorial-feature img{height:190px;min-height:190px}
  .home-page .photo-collage.single figure,.faq-photo,.sales-home-photo,.kids-photo{height:210px}
  .badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .achievement{min-height:82px}
  .trust-row{grid-template-columns:1fr}
  .game-head h1{font-size:1.42rem}
  .game-stats{grid-template-columns:1fr 1fr}
  .quiz-stage{min-height:575px}
  .quiz-studio{min-height:490px}
  .memory-board{min-height:360px;padding:7px;gap:5px}
  .memory-card{min-height:54px}
  .cross-game{min-height:475px}
  .egg-carton{grid-template-rows:repeat(2,62px)}
  .ttt-stage{min-height:490px}
  .ttt-board{width:92vw}
}

@media(max-width:340px){
  .hero-content .display{font-size:2.2rem}
  .hero-claim{font-size:1.1rem}
  .feature-item span{display:none}
  .feature-item{min-height:54px;display:grid;place-items:center}
  .page-hero-copy .display{font-size:1.8rem}
  .game-head{padding:11px}
  .game-stats{grid-template-columns:1fr}
  .badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Desktop-Kompaktmodus: weniger Scrollen und ruhigere Bereiche */
@media (min-width: 821px) {
  .hero{padding:16px 0 0}
  .hero-card{min-height:540px}
  .hero-content{padding:44px 48px}
  .hero-content .display{font-size:clamp(3.5rem,6.2vw,5.5rem);margin:.02rem 0 .5rem}
  .hero-claim{font-size:clamp(1.35rem,2.2vw,2rem);margin:0 0 .8rem}
  .lead{font-size:1rem;line-height:1.55}
  .hero-photo{min-height:540px}
  .feature-strip{width:calc(100% - 54px);margin:-24px auto 0}
  .feature-item{padding:18px 22px}

  .section{padding:64px 0}
  .section-heading{margin-bottom:24px}
  .headline{font-size:clamp(2rem,3vw,3rem);margin:.06rem 0 .45rem}
  .subhead{font-size:.98rem}

  .editorial-grid{gap:16px}
  .editorial-card img{height:205px}
  .editorial-feature img{height:275px}
  .editorial-body{padding:20px}
  .editorial-body h3{font-size:1.28rem}
  .editorial-feature h3{font-size:1.72rem}

  .farm-life-grid,.faq-teaser,.sales-home,.kids-teaser,.mist-wrap{gap:34px}
  .faq-photo{height:360px}
  .sales-home-photo{height:390px}
  .kids-photo{height:340px}
  .photo-collage.single .photo-large,
  .home-page .photo-collage.single figure{height:360px}

  .mist-section::after{height:180px;bottom:-105px}
  .soil-visual{height:260px}
  .soil-hill{height:120px;bottom:42px}
  .sprout{bottom:140px}

  .page-hero{padding:16px 0 0}
  .page-hero-box{min-height:320px}
  .page-hero-copy{padding:34px 42px}
  .page-hero-copy .display{font-size:clamp(2.4rem,4.2vw,3.8rem);margin:.08rem 0 .7rem}
  .page-hero-box>img{min-height:320px;height:320px}

  .photo-journal figure{height:260px}
  .timeline-step{gap:16px}
  .step-card{padding:18px}
  .process-gallery{gap:16px}
  .process-gallery article{grid-template-rows:auto auto auto 210px}

  .games-grid{gap:16px}
  .game-card-image{height:205px}
  .game-card-body{padding:20px}
  .game-card-body p{min-height:44px}
  .badge-panel{padding:30px}
}

@media (min-width: 1280px) {
  .container{width:min(var(--max),calc(100% - 64px))}
  .hero-card{min-height:500px}
  .hero-photo{min-height:500px}
}


/* Hof-Tic-Tac-Toe: alle 9 Felder behalten immer exakt dieselbe Größe. */
.ttt-board{
  grid-template-rows:repeat(3,minmax(0,1fr));
}
.ttt-cell{
  box-sizing:border-box;
  min-width:0;
  min-height:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  line-height:1;
}

/* =========================================================
   SPIELE KOMPAKT – DESKTOP, TABLET UND HANDY
   Ziel: weniger Scrollen, kleinere Spielflächen, Touch bleibt gut bedienbar.
   ========================================================= */

@media (min-width: 901px) {
  .game-topbar{padding:9px 0}
  .game-topbar img{width:118px!important;height:52px}
  .game-shell,.runner-shell,.carton-shell,.detective-shell{width:min(820px,calc(100% - 32px));margin-bottom:24px;border-radius:22px}
  .compact-game-shell{width:min(720px,calc(100% - 32px))}
  .ttt-shell{width:min(760px,calc(100% - 32px))}
  .quiz-shell{width:min(1020px,calc(100% - 32px));margin-bottom:24px;border-radius:22px}

  .game-head{padding:14px 18px;gap:12px}
  .game-head h1{font-size:clamp(1.55rem,2vw,1.85rem)}
  .game-kicker,.quiz-kicker{font-size:.58rem}
  .game-stats{gap:6px;flex-wrap:wrap;justify-content:flex-end}
  .stat{padding:.38rem .58rem;font-size:.74rem}
  .audio-toggle{min-height:38px;padding:.42rem .7rem;font-size:.75rem}
  .game-panel{padding:12px 16px;gap:10px}
  .game-help{font-size:.8rem;line-height:1.4}
  .game-panel .btn{min-height:42px;padding:.58rem .9rem;font-size:.82rem}
  .overlay-card{width:min(420px,100%);padding:25px;border-radius:20px}
  .overlay-card h2{font-size:1.55rem}

  .game-area,.sort-stage,.memory-board,.fox-field,.feed-field,.goat-maze{min-height:420px}
  .sort-stage{padding:16px}
  .conveyor{min-height:205px;border-width:9px}
  .sort-egg{top:62px}
  .bins{gap:8px;margin-top:12px}
  .bin{padding:12px;font-size:1rem;border-radius:13px}
  .memory-board{gap:9px;padding:18px}
  .memory-card{border-radius:15px}
  .memory-front{font-size:1.6rem}.memory-back{font-size:2.35rem}
  .target-animal{font-size:52px}
  .feed-zone{width:105px;height:105px}
  .goat-maze{padding:12px;gap:2px}
  .maze-cell{font-size:1.45rem}
  .basket{width:126px;height:58px;bottom:23px}
  .basket::before{width:99px;height:78px;border-width:8px;left:6px;bottom:34px}

  .stall-game{padding:10px 12px 12px}
  .stall-board{width:min(420px,100%);max-width:420px}
  .stall-mission{padding:10px 12px}

  .chick-runner,.cross-game{min-height:475px}
  .cross-car{font-size:2.65rem}
  .cross-chick{width:56px;height:56px}.cross-chick span{font-size:2.25rem}
  .runner-object{width:56px;height:56px}.runner-object span{font-size:1.85rem}
  .runner-chick{width:76px;height:76px}.runner-chick span{font-size:2.85rem}

  .carton-game{min-height:485px;padding:13px}
  .carton-order{min-height:72px;padding:9px 12px}
  .carton-workbench{grid-template-columns:155px minmax(0,1fr);gap:12px;margin-top:12px}
  .egg-choice{min-height:72px;border-radius:13px}
  .egg-choice .carton-egg{width:30px;height:42px}
  .carton-lid{min-height:55px;padding:9px 15px;border-radius:22px 22px 10px 10px}
  .egg-carton{grid-template-rows:repeat(2,102px);gap:6px;padding:12px;border-radius:10px 10px 24px 24px}
  .carton-egg{width:39px;height:55px}

  .detective-game{min-height:495px;padding:12px}
  .detective-mission{padding:9px 12px}
  .detective-scene{height:370px;margin-top:9px;border-radius:19px}
  .detective-object{width:50px;height:50px}.detective-object span{font-size:1.8rem}

  .ttt-stage{min-height:505px;padding:15px}
  .ttt-matchbar{max-width:590px;margin-bottom:12px;gap:10px}
  .ttt-player{padding:7px 10px;border-radius:14px}
  .ttt-player>span{font-size:1.75rem}
  .ttt-player strong{font-size:.86rem}.ttt-player small{font-size:.45rem}
  .ttt-turn{min-width:128px;padding:.48rem .68rem;font-size:.64rem}
  .ttt-board{width:min(365px,70vw);gap:7px;padding:9px;border-radius:25px}
  .ttt-cell{font-size:clamp(2.7rem,5vw,4rem);border-radius:17px}
  .ttt-message{margin-top:10px;font-size:.78rem}
  .ttt-win-line{height:8px}

  .quiz-stage{grid-template-columns:minmax(0,1fr) 220px;min-height:555px}
  .quiz-studio{padding:22px 28px}
  .quiz-logo-mini{width:60px;height:75px;margin-bottom:12px}.quiz-logo-mini span{font-size:1.8rem}
  .quiz-jokers{margin-bottom:13px;gap:7px}.quiz-jokers button{padding:.5rem .55rem}
  .quiz-question{padding:17px 25px;margin-bottom:10px;font-size:1.05rem}
  .quiz-answers{gap:8px 11px}
  .quiz-answer{min-height:56px;padding:10px 20px 10px 48px;font-size:.86rem}
  .quiz-answer .answer-letter{left:20px}
  .quiz-feedback{min-height:55px;margin-top:10px;padding:9px 12px;font-size:.78rem}
  .prize-panel{padding:14px 10px}.prize-title{padding-bottom:8px}.prize-panel li{padding:3px 6px;font-size:.61rem}
}

@media (min-width: 621px) and (max-width: 900px) {
  .game-topbar{padding:9px 0}
  .game-shell,.quiz-shell,.compact-game-shell,.runner-shell,.carton-shell,.detective-shell,.ttt-shell{width:calc(100% - 14px);margin-bottom:18px;border-radius:20px}
  .game-head{padding:13px 15px;gap:9px}
  .game-head h1{font-size:clamp(1.45rem,4vw,1.8rem)}
  .game-panel{padding:11px 13px}
  .game-area,.sort-stage,.memory-board,.fox-field,.feed-field,.goat-maze{min-height:420px}
  .chick-runner,.cross-game{min-height:465px}
  .detective-scene{height:405px}
  .carton-game{min-height:0}
  .egg-carton{grid-template-rows:repeat(2,92px)}
  .stall-board{width:min(390px,100%)}
  .ttt-stage{min-height:475px;padding:12px 9px}
  .ttt-board{width:min(350px,78vw)}
  .quiz-stage{min-height:575px}
  .quiz-studio{padding:20px 14px}
}

@media (max-width: 620px) {
  .game-topbar{padding:6px 0}
  .game-topbar .btn{min-height:42px;padding:.55rem .75rem;font-size:.82rem}
  .game-shell,.quiz-shell,.compact-game-shell,.runner-shell,.carton-shell,.detective-shell,.ttt-shell{width:calc(100% - 6px);margin-bottom:10px;border-radius:16px}
  .game-head{padding:11px 12px;gap:7px}
  .game-head h1{font-size:clamp(1.35rem,7vw,1.75rem)}
  .game-stats{gap:5px}
  .stat{padding:.34rem .48rem;font-size:.68rem}
  .audio-toggle{min-height:44px;font-size:.76rem}
  .game-panel{padding:10px 11px;gap:8px}
  .game-help{font-size:.76rem;line-height:1.38}
  .game-panel .btn{min-height:44px;padding:.58rem .78rem;font-size:.78rem}
  .overlay-card{padding:21px 16px;border-radius:18px}
  .overlay-card h2{font-size:1.42rem}

  .game-area,.sort-stage,.fox-field,.feed-field{min-height:400px}
  .memory-board{min-height:350px;padding:8px;gap:5px}
  .memory-card{min-height:50px}
  .memory-back{font-size:1.72rem}
  .sort-stage{padding:8px}
  .conveyor{min-height:185px;border-width:7px}
  .bins{gap:5px;margin-top:8px}.bin{min-height:46px;padding:8px;font-size:.84rem}
  .goat-maze{min-height:370px;padding:7px;gap:2px}
  .maze-cell{font-size:1.15rem}
  .target-animal{font-size:48px}

  .stall-game{padding:7px;min-height:0}
  .stall-board{width:min(350px,100%)}

  .chick-runner,.cross-game{min-height:430px}
  .cross-car{font-size:2.15rem}
  .cross-chick{width:49px;height:49px}.cross-chick span{font-size:1.95rem}
  .runner-chick{width:64px;height:64px}.runner-chick span{font-size:2.45rem}
  .runner-object{width:48px;height:48px}.runner-object span{font-size:1.65rem}

  .carton-game{padding:8px;min-height:0}
  .carton-order{padding:8px 9px}
  .egg-choice{min-height:68px}
  .egg-carton{grid-template-rows:repeat(2,72px);gap:4px;padding:7px}
  .carton-egg{width:30px;height:43px}

  .detective-game{padding:7px;min-height:0}
  .detective-scene{height:365px;margin-top:7px;border-radius:16px}
  .detective-object{width:44px;height:44px}.detective-object span{font-size:1.55rem}

  .ttt-stage{min-height:440px;padding:9px 6px}
  .ttt-matchbar{margin-bottom:8px;gap:5px}
  .ttt-player{padding:6px 7px;border-radius:12px}.ttt-player>span{font-size:1.5rem}
  .ttt-player strong{font-size:.75rem}.ttt-player small{font-size:.4rem}
  .ttt-turn{min-width:112px;padding:.4rem .55rem;font-size:.58rem}
  .ttt-board{width:min(330px,89vw);gap:4px;padding:6px;border-radius:18px}
  .ttt-cell{font-size:clamp(2.3rem,13vw,3.45rem);border-radius:13px}
  .ttt-message{margin-top:7px;font-size:.7rem}
  .ttt-win-line{height:7px}

  .quiz-stage{min-height:545px}
  .quiz-studio{min-height:445px;padding:14px 7px}
  .quiz-logo-mini{width:52px;height:64px;margin-bottom:8px}.quiz-logo-mini span{font-size:1.55rem}
  .quiz-jokers{margin-bottom:8px}
  .quiz-question{padding:13px 11px;margin-bottom:7px;font-size:.9rem}
  .quiz-answer{min-height:50px;padding:9px 10px 9px 41px;font-size:.8rem}
  .quiz-answer .answer-letter{left:13px}
  .quiz-feedback{min-height:48px;margin-top:7px;padding:8px 10px;font-size:.72rem}
  .prize-panel{padding:8px 9px}.prize-panel li{min-width:98px;font-size:.55rem}
}

@media (max-width: 390px) {
  .game-area,.sort-stage,.fox-field,.feed-field{min-height:370px}
  .memory-board{min-height:330px}
  .goat-maze{min-height:350px}
  .chick-runner,.cross-game{min-height:400px}
  .detective-scene{height:335px}
  .egg-carton{grid-template-rows:repeat(2,64px)}
  .ttt-stage{min-height:410px}
  .ttt-board{width:min(305px,88vw)}
  .quiz-stage{min-height:515px}
  .quiz-studio{min-height:420px}
}

/* Letzte Mobile-Prüfung: keine seitlich verschwundenen Inhalte, kompaktere Köpfe. */
@media (max-width: 820px) {
  .quiz-stage,.quiz-studio,.prize-panel{min-width:0;width:100%;max-width:100%}
  .quiz-studio,.prize-panel{overflow:hidden}
  .prize-panel ol{width:100%;max-width:100%;min-width:0}
}

@media (max-width: 620px) {
  .game-head:not(.quiz-head) .game-stats{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(72px,1fr));
    width:100%;
    gap:5px;
  }
  .game-head:not(.quiz-head) .stat{min-width:0;text-align:center;white-space:nowrap}
  .stall-board{width:min(310px,100%)}
  .stall-mission{padding:8px 9px}
  .stall-mission ol{gap:5px}
  .chick-runner,.cross-game{min-height:410px}
  .egg-choice{min-height:60px;padding-block:5px}
  .egg-carton{grid-template-rows:repeat(2,62px)}
  .detective-scene{height:330px}
}

@media (max-width: 390px) {
  .stall-board{width:min(296px,100%)}
  .chick-runner,.cross-game{min-height:385px}
  .egg-carton{grid-template-rows:repeat(2,58px)}
  .detective-scene{height:305px}
  .ttt-stage{min-height:395px}
}

/* =========================================================
   SPIELE AUSGEWOGEN – DESKTOP
   Etwas größer als der Kompaktmodus, ohne wieder bildschirmfüllend zu werden.
   Tablet- und Handyansichten bleiben unverändert.
   ========================================================= */
@media (min-width: 901px) {
  .game-shell,.runner-shell,.carton-shell,.detective-shell{
    width:min(930px,calc(100% - 36px));
  }
  .compact-game-shell{
    width:min(820px,calc(100% - 36px));
  }
  .ttt-shell{
    width:min(860px,calc(100% - 36px));
  }
  .quiz-shell{
    width:min(1100px,calc(100% - 36px));
  }

  .game-head{padding:16px 21px}
  .game-head h1{font-size:clamp(1.68rem,2.15vw,2rem)}
  .game-panel{padding:14px 18px}
  .game-area,.sort-stage,.memory-board,.fox-field,.feed-field,.goat-maze{
    min-height:470px;
  }
  .sort-stage{padding:18px}
  .conveyor{min-height:225px}

  .chick-runner,.cross-game{min-height:520px}
  .carton-game{min-height:530px}
  .detective-game{min-height:540px}
  .detective-scene{height:400px}

  .ttt-stage{min-height:565px;padding:18px}
  .ttt-matchbar{max-width:650px;margin-bottom:15px}
  .ttt-board{width:min(415px,70vw);gap:8px;padding:10px}
  .ttt-cell{font-size:clamp(3rem,5.2vw,4.5rem)}

  .quiz-stage{min-height:610px;grid-template-columns:minmax(0,1fr) 235px}
  .quiz-studio{padding:25px 32px}
  .quiz-question{font-size:1.1rem}
  .quiz-answer{min-height:60px;font-size:.9rem}
}

/* Final knowledge-page and process-page refinements */
.formation-intro-photo{background:#fff}
.formation-intro-photo img{object-fit:contain;background:linear-gradient(135deg,#f7fbf8,#edf5ef)}
.formation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:8px 0 40px}
.formation-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft);display:grid;grid-template-columns:.95fr 1.05fr;align-items:stretch}
.formation-card img{width:100%;height:100%;min-height:230px;object-fit:cover;background:#f6faf7}
.formation-card div{padding:22px}
.formation-card span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--green-dark);color:#fff;font-weight:900;margin-bottom:12px}
.formation-card h3{margin:0 0 .45rem;color:var(--green-dark);font-size:1.34rem}
.formation-card p{margin:0;color:var(--muted)}
.process-gallery img.img-top{object-position:center 22%}
.egg-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.egg-fact-grid-4{grid-template-columns:repeat(4,1fr);margin-top:18px}
.egg-fact-grid-3{grid-template-columns:repeat(3,1fr)}
.mt-24{margin-top:24px}
.stamp-showcase.modern{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}
.stamp-code{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0 18px}
.stamp-code span{min-width:84px;padding:15px 18px;border-radius:18px;background:#eef4ef;color:var(--green-dark);font-size:2rem;font-weight:900;text-align:center;border:1px solid #d9e6dc}
.stamp-code .stamp-dash,.stamp-code .stamp-separator{font-style:normal;font-weight:900;color:#7a907f}
.stamp-code span:nth-of-type(3){min-width:150px}
.code-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:12px}
.code-part{background:#f8fbf9;border:1px solid var(--line);border-radius:18px;padding:18px}
.code-part strong{display:block;font-size:1.5rem;color:var(--green-dark)}
.code-part small{display:block;font-weight:800;color:#61806f;margin-top:4px;margin-bottom:6px}
.code-part p{margin:0;color:var(--muted)}
.stamp-note{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:18px;background:#fff8cf;border:1px solid #ead57d;color:#574a0d}
.stamp-note span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffe16d;font-weight:900;flex:0 0 26px}
.egg-feature-copy{padding-right:10px}
.faq-answer-content strong{color:var(--green-dark)}
@media (max-width:980px){.formation-grid,.egg-guide-grid,.egg-fact-grid-4,.code-legend,.egg-fact-grid-3{grid-template-columns:repeat(2,1fr)}.formation-card{grid-template-columns:1fr}.formation-card img{min-height:260px}}
@media (max-width:760px){.formation-grid,.egg-guide-grid,.egg-fact-grid-4,.code-legend,.egg-fact-grid-3{grid-template-columns:1fr}.stamp-showcase.modern{padding:22px 18px}.stamp-code{justify-content:flex-start}.stamp-code span{font-size:1.45rem;min-width:70px;padding:12px 14px}.stamp-code span:nth-of-type(3){min-width:116px}.formation-card img{min-height:220px}.formation-card div{padding:18px}.process-gallery img.img-top{object-position:center 12%}.egg-knowledge-nav nav{padding:9px 0}}
.formation-card img{object-fit:contain}
.formation-card-wide{grid-column:1/-1;grid-template-columns:.95fr 1.05fr}
@media(max-width:980px){.formation-card-wide{grid-template-columns:1fr}}
@media(max-width:760px){.formation-intro-photo{height:300px}.formation-card img{min-height:0;aspect-ratio:960/680}.formation-card-wide{grid-column:auto}}

/* Mobile-Abschlusskorrekturen 2026-07-27 */
@media (max-width:620px){
  /* Eierkorb: Griff endet sauber an der Korboberkante */
  .basket{width:132px;height:62px;bottom:24px}
  .basket::before{box-sizing:border-box;width:calc(100% - 14px);height:88px;left:7px;bottom:50px;border-width:8px;border-radius:64px 64px 0 0}

  /* Eiersortieren: Ei höher, Gewicht deutlich darunter */
  .conveyor{min-height:250px}
  .sort-egg{top:42px!important}
  .sort-weight-pill{top:148px!important;min-width:78px;padding:.48rem .72rem;background:#fff4a8;color:#102044;border-color:#e4bd39;box-shadow:0 6px 16px rgba(0,0,0,.28);font-weight:900}

  /* Stallmeister: vollständige Bezeichnungen statt abgeschnittener Wörter */
  .stall-mission{grid-template-columns:1fr;gap:10px}
  .stall-mission strong{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
  .stall-mission ol{width:100%;padding-bottom:5px}
  .stall-mission li{width:145px;min-width:145px;height:auto;min-height:50px;grid-template-columns:24px minmax(0,1fr) 18px;padding:7px 9px}
  .stall-step-name{white-space:normal;overflow:visible;text-overflow:clip;font-size:.72rem;line-height:1.15}
}
@media (max-width:390px){
  .basket{width:130px;height:60px}
  .basket::before{width:calc(100% - 12px);left:6px;bottom:48px;height:84px}
  .sort-egg{top:38px!important}
  .sort-weight-pill{top:142px!important}
  .stall-mission li{width:138px;min-width:138px}
}

/* Ei-Entstehung: nur eine Darstellung plus erklärende Schritte */
.formation-intro-photo img{object-fit:contain!important;background:#f4f8f3}