/* Schriften lokal eingebunden, keine Verbindung zu Google */
@font-face{font-family:'Baloo 2';src:url('/assets/fonts/baloo2.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Nunito';src:url('/assets/fonts/nunito.woff2') format('woff2');font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Gochi Hand';src:url('/assets/fonts/gochihand.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
img{max-width:100%}

/* Handy */
@media (max-width: 700px){
  section{padding-top:0}
  section[id="spiel"], section[id="stufen"], main{padding-top:56px !important;padding-bottom:56px !important}
  section > div[style*="padding: 88px"]{padding-top:56px !important;padding-bottom:56px !important}
  section[style*="padding: 96px 24px"]{padding-top:56px !important;padding-bottom:56px !important}

  .hero{background:linear-gradient(180deg,#F6A848 0%,#F08A3C 55%,#D0604F 100%) !important}
  .hero > div{padding-top:32px !important;gap:28px !important}
  .hero-text{padding-bottom:0 !important;text-align:center}
  .hero-tag{font-size:12px !important;letter-spacing:.5px !important;padding:7px 12px !important}
  .hero h1{font-size:42px !important}
  .hero-lead{font-size:18px !important;margin-left:auto !important;margin-right:auto !important}
  .store-row{justify-content:center;gap:10px !important;margin-top:24px !important}
  .store-btn{flex:1 1 0;min-width:0;padding:10px 12px !important;gap:8px !important;justify-content:center}
  .store-btn svg{width:22px;height:22px;flex:none}
  .store-btn span span:last-child{font-size:18px !important}
  .store-btn span span:first-child{font-size:11px !important}
  .hero-img > div{width:230px !important}

  .gallery{flex-wrap:nowrap !important;justify-content:flex-start !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px !important;margin:32px -24px 0 !important;padding:0 24px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .gallery::-webkit-scrollbar{display:none}
  .shot{flex:0 0 62% !important;scroll-snap-align:center}
  .shot > div{border-width:6px !important;border-radius:22px !important}
  .shot figcaption{font-size:17px !important;text-align:center}

  .klowand{padding:28px 18px !important;gap:18px 24px !important}
  .wand-spruch{font-size:26px !important;text-align:center}
}
@media (max-width: 700px){
  section[style*="#F6A848"] div[style*="justify-content: center"] > a{padding:14px 18px !important;font-size:18px !important}
}