@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Outfit:wght@700;900&display=swap";:root{--sky: #9FD6FF;--grass: #7ED36E;--sun: #FFD457;--tomato: #E84B3C;--slate: #233042;--cream: #FFF8EF}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--cream);color:var(--slate);font:16px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden}.skip-link{position:absolute;top:-40px;left:0;background:var(--tomato);color:#fff;padding:.5rem 1rem;text-decoration:none;z-index:100}.skip-link:focus{top:0}.hero{min-height:68svh;display:grid;place-items:center;text-align:center;padding:5rem 0;width:100vw;margin-left:0;margin-right:0;background:radial-gradient(60% 60% at 50% 40%,color-mix(in srgb,var(--sky) 60%,#fff 40%),transparent 65%),linear-gradient(180deg,var(--sky),var(--cream));position:relative;overflow:hidden}.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.85;z-index:0;filter:drop-shadow(2px 4px 8px rgba(35,48,66,.15))}.hero-content{position:relative;z-index:1;padding:0 1rem;max-width:1200px;margin:0 auto}h1{font-family:Outfit,Cabinet Grotesk,system-ui;text-transform:uppercase;font-size:clamp(3rem,8vw,8.8rem);letter-spacing:.02em;font-weight:900;line-height:1.1;color:var(--slate);text-shadow:3px 3px 0px rgba(255,255,255,.7),-1px -1px 0px rgba(255,255,255,.5)}h1 img{max-width:min(90vw,800px);height:auto;display:block;margin:0 auto;filter:drop-shadow(3px 3px 0px rgba(255,255,255,.7)) drop-shadow(-1px -1px 0px rgba(255,255,255,.5))}h2{font-family:Outfit,Cabinet Grotesk,system-ui;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:1.5rem;color:var(--slate)}h3{font-family:Outfit,Cabinet Grotesk,system-ui;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;margin-bottom:.75rem;color:var(--slate)}.hero-sub{font-size:clamp(1.1rem,2.5vw,1.5rem);margin:1.5rem 0 2rem;max-width:600px;margin-left:auto;margin-right:auto;font-weight:600}.btn-spielen{display:inline-block;position:relative;margin-top:1.5rem;padding:1.6rem 5rem;min-width:350px;border-radius:2rem;background:linear-gradient(145deg,var(--tomato) 0%,color-mix(in srgb,var(--tomato) 85%,#000) 100%);color:#fff;border:4px solid var(--slate);font-weight:900;text-transform:uppercase;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:.05em;text-decoration:none;box-shadow:6px 6px 0 var(--slate),inset 0 -4px 8px #0003,inset 0 2px 4px #ffffff4d;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.btn-spielen:before{content:"🐔";position:absolute;left:1.2rem;font-size:1.3em;animation:bounce 2s infinite}.btn-spielen:after{content:"→";position:absolute;right:1.2rem;font-size:1.2em;transition:transform .2s}.btn-spielen:hover,.btn-spielen:focus{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--slate),inset 0 -4px 8px #0003,inset 0 2px 4px #ffffff4d;background:linear-gradient(145deg,color-mix(in srgb,var(--tomato) 110%,#fff) 0%,var(--tomato) 100%)}.btn-spielen:hover:after{transform:translate(4px)}.btn-spielen:active{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--slate),inset 0 -2px 4px #0003,inset 0 1px 2px #ffffff4d}.btn-spielen:focus-visible{outline:4px solid var(--sun);outline-offset:6px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.container{max-width:1200px;margin:0 auto;padding:0 1rem}section{padding:4rem 1rem}section:nth-child(2n){background:color-mix(in srgb,var(--grass) 8%,transparent)}.cards{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:2rem 0;max-width:1200px;margin:0 auto}.card{background:#fff;border:3px solid color-mix(in srgb,var(--slate) 25%,transparent);border-radius:18px;padding:1.5rem;box-shadow:inset 0 -3px 8px #23304214,4px 4px color-mix(in srgb,var(--slate) 15%,transparent);transition:transform .2s}.card:hover{transform:translateY(-4px)}.card-icon{width:100px;height:100px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,color-mix(in srgb,var(--sun) 30%,transparent),color-mix(in srgb,var(--sky) 20%,transparent));border-radius:50%;border:3px solid color-mix(in srgb,var(--slate) 15%,transparent);box-shadow:inset 0 -3px 8px #23304214,0 4px 12px #23304226;transition:transform .3s,box-shadow .3s}.card:hover .card-icon{transform:scale(1.1) rotate(5deg);box-shadow:inset 0 -3px 8px #23304214,0 6px 16px #23304233}.card h3{text-align:center;margin-bottom:1rem}.card p{text-align:center;line-height:1.7}.tips-strip{background:linear-gradient(135deg,var(--sun) 0%,color-mix(in srgb,var(--sun) 80%,#fff) 100%);border-top:3px solid var(--slate);border-bottom:3px solid var(--slate);padding:1.5rem 1rem;text-align:center;box-shadow:inset 0 -4px 12px #2330421a}.tips-strip p{max-width:900px;margin:0 auto;font-weight:600;font-size:1.05rem;color:var(--slate)}.faq{max-width:800px;margin:2rem auto 0}details{background:#fff;border:2px solid color-mix(in srgb,var(--slate) 30%,transparent);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1rem;box-shadow:2px 2px color-mix(in srgb,var(--slate) 10%,transparent)}summary{font-weight:700;font-size:1.1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--slate);padding:.5rem 0}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:1.5rem;font-weight:900;color:var(--tomato);transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details[open]{border-color:var(--tomato)}details p{margin-top:1rem;padding-top:1rem;border-top:1px dashed color-mix(in srgb,var(--slate) 20%,transparent);line-height:1.8}summary:focus-visible{outline:2px solid var(--tomato);outline-offset:4px;border-radius:4px}#kontakt{margin-top:4rem;padding:3rem 1rem;border-top:3px dashed color-mix(in srgb,var(--slate) 40%,transparent);background:color-mix(in srgb,var(--sky) 5%,transparent);max-width:800px;margin-left:auto;margin-right:auto;border-radius:24px}#kontakt h2{text-align:center}#kontakt>p{text-align:center;margin-bottom:2rem;font-size:1.1rem}#kontakt form{display:grid;gap:1.2rem;max-width:560px;margin:0 auto 2rem}#kontakt label{display:grid;gap:.4rem;font-weight:600;color:var(--slate)}#kontakt input,#kontakt textarea{width:100%;padding:.9rem;border:2px solid var(--slate);border-radius:.6rem;background:#fff;font-family:inherit;font-size:1rem;box-shadow:inset 1px 1px 3px #23304214}#kontakt input:focus,#kontakt textarea:focus{outline:3px solid var(--sun);outline-offset:2px;border-color:var(--tomato)}.btn-submit{background:var(--slate);color:#fff;border:2px solid var(--slate);padding:1rem 1.6rem;font-weight:700;border-radius:.6rem;font-size:1.1rem;cursor:pointer;box-shadow:3px 3px color-mix(in srgb,var(--slate) 50%,transparent);transition:transform .1s,box-shadow .1s}.btn-submit:hover,.btn-submit:focus{transform:translate(-1px,-1px);box-shadow:4px 4px color-mix(in srgb,var(--slate) 50%,transparent)}.btn-submit:active{transform:translate(1px,1px);box-shadow:2px 2px color-mix(in srgb,var(--slate) 50%,transparent)}.btn-submit:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.cookiebar{position:fixed;inset:auto 0 0;background:#fff;border-top:3px solid var(--slate);display:flex;gap:.75rem;align-items:center;justify-content:center;padding:1rem;z-index:50;box-shadow:0 -4px 12px #23304226;flex-wrap:wrap}.cookiebar p{margin:0;font-size:.95rem}.cookiebar a.btn{padding:.5rem 1.1rem;border:2px solid var(--slate);background:var(--tomato);color:#fff;text-decoration:none;border-radius:.5rem;font-weight:700;white-space:nowrap;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.cookiebar a.btn.ghost{background:transparent;color:var(--slate)}.cookiebar a.btn:focus-visible{outline:2px solid var(--sun);outline-offset:2px}#cookies-ok:target~.cookiebar{display:none}footer{background:var(--slate);color:var(--cream);padding:2rem 1rem;text-align:center}footer a{color:var(--sun);text-decoration:underline}footer a:hover,footer a:focus{color:#fff}footer a:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.legal-page{max-width:800px;margin:0 auto;padding:3rem 1rem}.legal-page h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:2rem}.legal-page h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:2.5rem;margin-bottom:1rem}.legal-page h3{font-size:clamp(1.2rem,2.5vw,1.5rem);margin-top:1.5rem;margin-bottom:.75rem}.legal-page p,.legal-page ul,.legal-page ol{margin-bottom:1.2rem;line-height:1.8}.legal-page ul,.legal-page ol{padding-left:2rem}.legal-page li{margin-bottom:.5rem}.legal-page a{color:var(--tomato);text-decoration:underline}.legal-page a:hover,.legal-page a:focus{color:var(--slate)}.legal-page a:focus-visible{outline:2px solid var(--tomato);outline-offset:2px}.back-link{display:inline-block;margin-top:2rem;padding:.75rem 1.5rem;background:var(--grass);color:var(--slate);text-decoration:none;border-radius:.5rem;font-weight:700;border:2px solid var(--slate);box-shadow:2px 2px 0 var(--slate);transition:transform .1s,box-shadow .1s}.back-link:hover,.back-link:focus{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--slate)}.back-link:focus-visible{outline:2px solid var(--tomato);outline-offset:3px}:focus-visible{outline:2px solid var(--tomato);outline-offset:2px}@media (max-width: 768px){.cookiebar{flex-direction:column;text-align:center}.hero{min-height:60svh;padding:3rem 0}.hero-content{padding:0 1.5rem}.btn-spielen{min-width:280px;padding:1.4rem 3rem;font-size:1.3rem}.btn-spielen:before{left:.8rem}.btn-spielen:after{right:.8rem}}