@media (max-width: 768px){
  #root{overflow-x:hidden!important;}

  #root nav{height:56px!important;}
  #root main{padding-top:56px!important;}

  #root [class*="pt-24"]{padding-top:64px!important;}
  #root [class*="pb-24"]{padding-bottom:18px!important;}

  #root [class*="mix-blend-overlay"]{display:none!important;}

  #root h1{
    font-size:36px!important;
    line-height:1!important;
    margin:-26px 0 4px!important;
    text-align:center!important;
  }

  #root h2{
    font-size:24px!important;
    line-height:1.05!important;
    margin:-12px 0 8px!important;
    text-align:center!important;
  }

  #root img[alt*="MAXBETZ"]{
    width:92vw!important;
    max-width:420px!important;
    height:auto!important;
    margin:-10px auto 6px!important;
    display:block!important;
  }

  #root [class*="grid-cols-1"][class*="md:grid-cols-2"][class*="lg:grid-cols-3"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  #root [class*="py-12"]{padding-top:14px!important;padding-bottom:14px!important;}
  #root [class*="mt-16"]{margin-top:10px!important;}
  #root [class*="mt-12"]{margin-top:10px!important;}
  #root [class*="mb-16"]{margin-bottom:10px!important;}
  #root [class*="mb-12"]{margin-bottom:10px!important;}
  #root [class*="mb-10"]{margin-bottom:8px!important;}

  #root [class*="h-[220px]"]{height:170px!important;}

  #root img{max-width:100%!important;}
}

@media (max-width: 768px){

  #root [class*="py-12"]{padding-top:10px!important;padding-bottom:10px!important;}
  #root [class*="pt-24"]{padding-top:56px!important;}

  #root h1{
    font-size:34px!important;
    line-height:1!important;
    margin:-12px 0 8px!important;
    text-align:center!important;
  }

  #root img[src*="logo.png"]{
    width:170px!important;
    max-width:170px!important;
    height:auto!important;
    margin:-2px auto 6px!important;
    display:block!important;
  }

  #root [class*="h-[220px]"]{height:110px!important;}

  #root main img:first-of-type{
    width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    display:block!important;
    margin:8px calc(50% - 50vw) 0!important;
  }

  #root header [class*="hidden"][class*="md:flex"]{display:flex!important;}
  #root header [class*="hidden"][class*="md:block"]{display:block!important;}

  #root header nav{
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    gap:12px!important;
  }

  #root header nav a{
    font-size:12px!important;
    padding:8px 10px!important;
    display:inline-block!important;
  }
}

@media (max-width: 768px){
  #root *{outline:none!important}

  #root header{position:sticky!important;top:0!important;z-index:9999!important;background:rgba(0,0,0,.92)!important;backdrop-filter:blur(10px)!important}
  #root main{padding-top:8px!important}

  #root img[src*="logo.png"]{
    width:140px!important;
    max-width:140px!important;
    height:auto!important;
    margin:6px auto 8px!important;
    display:block!important;
  }

  #root h1{display:none!important}

  #root main img:first-of-type{
    width:100vw!important;
    max-width:100vw!important;
    height:auto!important;
    max-height:46vh!important;
    object-fit:cover!important;
    display:block!important;
    margin:0 calc(50% - 50vw) 10px!important;
  }

  #root [class*="py-12"]{padding-top:12px!important;padding-bottom:12px!important}
  #root [class*="pt-24"]{padding-top:14px!important}
  #root [class*="mb-16"]{margin-bottom:10px!important}
  #root [class*="mb-10"]{margin-bottom:10px!important}

  #root [class*="grid-cols-1"][class*="md:grid-cols-2"][class*="lg:grid-cols-3"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  #root header [class*="hidden"][class*="md:flex"]{display:flex!important}
  #root header [class*="hidden"][class*="md:block"]{display:block!important}

  #root header nav{
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    gap:10px!important;
  }

  #root header nav a{
    font-size:12px!important;
    padding:8px 10px!important;
    display:inline-block!important;
  }
}

@media (max-width: 768px){
  #root header{flex-wrap:wrap!important;padding-bottom:8px!important}

  #root header nav{
    display:flex!important;
    width:100%!important;
    order:99!important;
    margin-top:8px!important;
    justify-content:center!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    gap:10px!important;
    scrollbar-width:none!important;
  }
  #root header nav::-webkit-scrollbar{display:none!important}

  #root header nav a{
    display:inline-block!important;
    font-size:12px!important;
    padding:7px 10px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:999px!important;
    line-height:1!important;
    background:rgba(0,0,0,.25)!important;
  }

  #root header [class*="hidden"][class*="md:flex"]{display:flex!important}
  #root header [class*="hidden"][class*="md:block"]{display:block!important}
}

@media (max-width: 768px){
  #root main{padding-top:0!important}

  #root main img:first-of-type{
    max-height:38vh!important;
    margin:0 calc(50% - 50vw) 0!important;
  }

  #root [class*="py-12"]{padding-top:8px!important;padding-bottom:8px!important}
  #root [class*="pt-24"]{padding-top:10px!important}

  #root [class*="grid-cols-1"][class*="md:grid-cols-2"][class*="lg:grid-cols-3"]{
    margin-top:-18px!important;
  }

  #root header [class*="flex"][class*="items-center"]{
    flex-wrap:wrap!important;
  }

  #root header nav{
    display:flex!important;
    width:100%!important;
    justify-content:center!important;
    margin-top:6px!important;
    padding:0 10px!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    gap:10px!important;
  }

  #root header nav a{
    font-size:11px!important;
    padding:6px 8px!important;
    display:inline-block!important;
    opacity:1!important;
    visibility:visible!important;
  }
}

@media (max-width: 768px){

  #root main{padding-top:56px!important}

  #root main img:first-of-type{
    margin-top:0!important;
    margin-bottom:8px!important;
    max-height:42vh!important;
    object-fit:cover!important;
    object-position:50% 0%!important;
  }

  #root [class*="py-12"]{padding-top:6px!important;padding-bottom:10px!important}
  #root [class*="grid-cols-1"][class*="md:grid-cols-2"][class*="lg:grid-cols-3"]{margin-top:-10px!important}

  #root header [class*="hidden"][class*="md:flex"]{display:flex!important}
  #root header [class*="hidden"][class*="md:block"]{display:block!important}

  #root header nav{
    display:flex!important;
    width:100%!important;
    justify-content:center!important;
    margin-top:6px!important;
    padding:0 10px!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    gap:10px!important;
  }

  #root header nav a,
  #root header nav button{
    font-size:11px!important;
    padding:6px 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    opacity:1!important;
    visibility:visible!important;
  }

  #root header nav [class*="hidden"][class*="md:inline"]{display:inline!important}
  #root header nav [class*="hidden"][class*="md:block"]{display:block!important}

  #root header nav [class*="sr-only"]{
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    overflow:visible!important;
    clip:auto!important;
    white-space:normal!important;
  }

}

@media (max-width: 768px){
  #root main{padding-top:0!important;}

  #root main img:first-of-type{
    width:100vw!important;
    max-width:100vw!important;
    height:38vh!important;
    max-height:38vh!important;
    object-fit:cover!important;
    object-position:50% 62%!important;
    display:block!important;
    margin:0 calc(50% - 50vw) 14px!important;
  }

  #root main [class*="-mt-"]{margin-top:0!important;}
  #root main [class*="mt-[-"]{margin-top:0!important;}
  #root [class*="grid-cols-1"][class*="md:grid-cols-2"][class*="lg:grid-cols-3"]{margin-top:0!important;}

  #root header [class*="flex"][class*="items-center"]{flex-wrap:wrap!important;}
  #root header nav{
    display:flex!important;
    width:100%!important;
    justify-content:center!important;
    gap:10px!important;
    margin-top:6px!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #root header nav *{
    opacity:1!important;
    visibility:visible!important;
  }
}


@media (max-width: 768px){
  #root header{position:sticky!important;top:0!important;z-index:9999!important}
  #root main{padding-top:76px!important}

  #root main img:first-of-type{
    height:40vh!important;
    max-height:40vh!important;
    object-fit:cover!important;
    object-position:50% 72%!important;
    margin:0 calc(50% - 50vw) 12px!important;
  }
}


@media (max-width: 768px){

  #root header [class*="hidden"][class*="md:flex"],
  #root header [class*="hidden"][class*="md:block"]{
    display:flex!important;
  }

  #root header nav{
    display:flex!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    -webkit-overflow-scrolling:touch!important;
    gap:10px!important;
    padding:6px 10px!important;
    margin-top:4px!important;
  }

  #root header nav a,
  #root header nav button{
    display:inline-flex!important;
    opacity:1!important;
    visibility:visible!important;
    font-size:11px!important;
    padding:6px 8px!important;
  }

  #root main{padding-top:10px!important;}

  #root main img:first-of-type{
    max-height:52vh!important;
    object-fit:cover!important;
    object-position:50% 62%!important;
    margin:0 calc(50% - 50vw) 8px!important;
  }

  #root [class*="py-12"]{padding-top:10px!important;padding-bottom:10px!important;}
  #root [class*="pt-24"]{padding-top:12px!important;}
}


@media (max-width: 768px){
  #root main img:first-of-type{
    object-fit:contain!important;
    background:#000!important;
    max-height:56vh!important;
    margin:0 calc(50% - 50vw) 8px!important;
  }
}


@media (max-width: 768px){
  #root header nav{
    display:flex!important;
    width:100%!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    white-space:nowrap!important;
    gap:10px!important;
    padding:8px 10px!important;
    margin-top:6px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }

  #root header nav a,
  #root header nav button{
    display:inline-flex!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    font-size:11px!important;
    line-height:1!important;
    padding:6px 8px!important;
  }

  #root header [class*="hidden"][class*="md:flex"]{display:flex!important}
  #root header [class*="hidden"][class*="md:block"]{display:block!important}
}