<!DOCTYPE html><html lang="de"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover" data-next-head=""/><meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" data-next-head=""/><meta http-equiv="Pragma" content="no-cache" data-next-head=""/><meta http-equiv="Expires" content="0" data-next-head=""/><title data-next-head="">Jassguru.ch - Die Jass-Community in deiner Tasche</title><meta name="description" content="Schneller, smarter, vernetzter Jassen. Deine digitale Jasstafel für Ranglisten, Statistiken und Turniere. Werde Teil der Jass-Community!" data-next-head=""/><link rel="canonical" href="https://jassguru.ch/" data-next-head=""/><meta property="og:site_name" content="Jassguru" data-next-head=""/><meta property="og:type" content="website" data-next-head=""/><meta property="og:title" content="Jassguru.ch - Die Jass-Community in deiner Tasche" data-next-head=""/><meta property="og:description" content="Schneller, smarter, vernetzter Jassen. Deine digitale Jasstafel für Ranglisten, Statistiken und Turniere. Werde Teil der Jass-Community!" data-next-head=""/><meta property="og:url" content="https://jassguru.ch/" data-next-head=""/><meta property="og:image" content="https://jassguru.ch/apple-touch-icon.png" data-next-head=""/><meta name="twitter:card" content="summary_large_image" data-next-head=""/><link rel="preload" href="/images/backgrounds/felt-figma.webp" as="image" data-next-head=""/><link rel="preload" href="/images/backgrounds/holztisch.webp" as="image" data-next-head=""/><link rel="preload" href="/images/backgrounds/chalkboard-jvs.webp" as="image" data-next-head=""/><meta name="application-name" content="jassguru.ch"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><meta name="apple-mobile-web-app-title" content="jassguru.ch"/><meta name="format-detection" content="telephone=no"/><meta name="mobile-web-app-capable" content="yes"/><meta name="theme-color" content="#2e2e2e"/><link rel="apple-touch-icon" href="/apple-touch-icon.png?v=7"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=7"/><link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon.png?v=7"/><link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png?v=2"/><link rel="icon" type="image/png" sizes="512x512" href="/icon-512.png?v=2"/><link rel="icon" href="/favicon.ico?v=2"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2"/><link rel="manifest" href="/manifest.json"/><link rel="apple-touch-startup-image" href="/splash-640x1136.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"/><link rel="apple-touch-startup-image" href="/splash-750x1334.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"/><link rel="apple-touch-startup-image" href="/splash-1242x2208.png" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3)"/><link rel="apple-touch-startup-image" href="/splash-1125x2436.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)"/><link rel="apple-touch-startup-image" href="/splash-1536x2048.png" media="(min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)"/><link rel="apple-touch-startup-image" href="/splash-1668x2224.png" media="(min-device-width: 834px) and (max-device-width: 834px) and (-webkit-min-device-pixel-ratio: 2)"/><link rel="apple-touch-startup-image" href="/splash-2048x2732.png" media="(min-device-width: 1024px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)"/><meta name="description" content="Schneller, smarter, vernetzter Jassen"/><meta name="apple-touch-fullscreen" content="yes"/><meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/><meta http-equiv="Pragma" content="no-cache"/><meta http-equiv="Expires" content="0"/><link rel="preload" href="/_next/static/chunks/1gn_b80f-ktv2.css" as="style"/><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Thing","@id":"https://jassguru.ch/#jass-tradition","name":"Jassen","alternateName":["Schweizer Jass","Swiss Jass"],"description":"Jass ist das Schweizer Nationalkartenspiel und als lebendige Tradition im nationalen Inventar des Bundesamts für Kultur anerkannt.","sameAs":["https://www.wikidata.org/wiki/Q786768","https://de.wikipedia.org/wiki/Jass","https://www.lebendige-traditionen.ch/tradition/de/home/traditionen/jassen.html"]},{"@type":["Organization","WebApplication"],"@id":"https://jassguru.ch/#organization","name":"JassGuru","alternateName":["Jasstafel","jassguru.ch","jasstafel.app"],"url":"https://jassguru.ch","logo":{"@type":"ImageObject","url":"https://jassguru.ch/icon-512.png","width":512,"height":512},"description":"JassGuru (Jasstafel) ist die digitale Jass-Kreidetafel der Schweiz mit Elo-Ratingsystem, Statistiken, Gruppenranglisten und Turniermodul für die Schweizer Jass-Community.","applicationCategory":"SportsApplication","operatingSystem":"iOS, Android, Web","sameAs":["https://www.wikidata.org/wiki/Q140268082"],"offers":{"@type":"Offer","price":"0","priceCurrency":"CHF"},"parentOrganization":{"@type":["Organization","SportsOrganization"],"@id":"https://jassverband.ch/#organization","name":"Jassverband Schweiz","alternateName":["JVS","Fédération Suisse de Jass","Federazione Svizzera di Jass"],"url":"https://jassverband.ch","description":"Der Jassverband Schweiz ist der nationale Verband für das Schweizer Kartenspiel Jass. Er organisiert die Schweizer Jassmeisterschaft und fördert Jass als lebendige Tradition.","foundingDate":"2026-01-15","sameAs":["https://www.wikidata.org/wiki/Q139042763"]},"about":{"@id":"https://jassguru.ch/#jass-tradition"},"knowsAbout":[{"@type":"Thing","name":"Jass","sameAs":"https://www.wikidata.org/wiki/Q786768"},{"@type":"Thing","name":"Schieber","sameAs":"https://www.wikidata.org/wiki/Q137727247"},"Elo-Rating-System","Jass-Statistik","Jass-Turnier"]},{"@type":"WebSite","@id":"https://jassguru.ch/#website","url":"https://jassguru.ch","name":"JassGuru","description":"Die digitale Jasstafel der Schweiz — Elo-Rating, Statistiken und Turniere für die Jass-Community.","publisher":{"@id":"https://jassguru.ch/#organization"},"inLanguage":"de-CH","about":{"@id":"https://jassguru.ch/#jass-tradition"}}]}</script><script>(function(){try{
  var app=false;
  try{
    app=(window.Capacitor&&window.Capacitor.isNativePlatform&&window.Capacitor.isNativePlatform())===true
      ||navigator.standalone===true
      ||(window.matchMedia&&window.matchMedia('(display-mode: standalone)').matches);
  }catch(e){}
  if(app||window.location.pathname!=='/'){document.documentElement.classList.add('jg-boot');}
}catch(e){}})();</script><script>(() => {
  try {
    const isStandalone = (window.matchMedia && window.matchMedia('(display-mode: standalone)').matches) || (typeof navigator !== 'undefined' && navigator && navigator['standalone']);

    // Erlaubt dem App-Code den Timeout abzubrechen, sobald Hydration beginnt
    window.cancelPwaLoadTimeout = function() {
      try { clearTimeout(window['__pwaHydrationTimer__']); } catch (e) {}
    };

    const url = new URL(window.location.href);
    if (url.searchParams.get('no-sw') === '1') {
      window['__NO_SW__'] = true;
      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.getRegistrations().then(function(rs){ return Promise.all(rs.map(function(r){ return r.unregister(); })); }).catch(function(){});
      }
      if ('caches' in window) {
        caches.keys().then(function(keys){ return Promise.all(keys.map(function(k){ return caches.delete(k); })); }).catch(function(){});
      }
    }

    if (isStandalone) {
      // Schutz: Nicht erneut triggern, wenn bereits ein SW-Bypass aktiv ist
      if (window.location.search.includes('no-sw=1') || window.location.search.includes('updated=')) {
        return;
      }
      // Einmaliger Hydration-Fallback mit Session-Guard
      try {
        if (sessionStorage.getItem('hydrationReloaded') === '1') {
          return;
        }
      } catch (e) {}

      window['__pwaHydrationTimer__'] = setTimeout(async () => {
        try {
          // Wenn bis dahin keine Hydration passierte, härterer Reset
          if ('serviceWorker' in navigator) {
            const regs = await navigator.serviceWorker.getRegistrations();
            await Promise.all(regs.map(r => r.unregister()));
          }
          const reloadUrl = new URL(window.location.href);
          if (!reloadUrl.searchParams.get('no-sw')) reloadUrl.searchParams.set('no-sw','1');
          try { sessionStorage.setItem('hydrationReloaded', '1'); } catch (e) {}
          window.location.replace(reloadUrl.toString());
        } catch (e) {
          window.location.reload();
        }
      }, 2000);
    }
  } catch (e) {}
})();</script><link rel="stylesheet" href="/_next/static/chunks/1gn_b80f-ktv2.css" data-n-g=""/><noscript data-n-css=""></noscript><script src="/_next/static/chunks/0j1smkb5ypcy8.js" defer=""></script><script src="/_next/static/chunks/1abyqbu208wv3.js" defer=""></script><script src="/_next/static/chunks/3_bge1yjy6pkh.js" defer=""></script><script src="/_next/static/chunks/2v4i8nw3_9vmy.js" defer=""></script><script src="/_next/static/chunks/0_u_5c2cchybn.js" defer=""></script><script src="/_next/static/chunks/1gkqatxn-tdv5.js" defer=""></script><script src="/_next/static/chunks/2vn4sg1xsc63q.js" defer=""></script><script src="/_next/static/chunks/0kpq87hlt56z9.js" defer=""></script><script src="/_next/static/chunks/36np88h9phjdr.js" defer=""></script><script src="/_next/static/chunks/2giwryfzgv2ia.js" defer=""></script><script src="/_next/static/chunks/1njvvqcix9qu7.js" defer=""></script><script src="/_next/static/chunks/3-1n_x2vcp5z4.js" defer=""></script><script src="/_next/static/chunks/0dkxtwi0z2oqw.js" defer=""></script><script src="/_next/static/chunks/0sfwj_9bxelp0.js" defer=""></script><script src="/_next/static/chunks/01ev0yahxlnjd.js" defer=""></script><script src="/_next/static/chunks/2-id9--uyy4gv.js" defer=""></script><script src="/_next/static/chunks/0ewq9zzss2ze3.js" defer=""></script><script src="/_next/static/chunks/2qt13ci-8j_3v.js" defer=""></script><script src="/_next/static/chunks/32xjvv0xp6n31.js" defer=""></script><script src="/_next/static/chunks/08frbln0dmmsl.js" defer=""></script><script src="/_next/static/chunks/turbopack-0c4ft3evp-4y2.js" defer=""></script><script src="/_next/static/chunks/1-a3ejk_kq8br.js" defer=""></script><script src="/_next/static/chunks/39t4iu-5tha2s.js" defer=""></script><script src="/_next/static/chunks/2t7xpv_6z21lv.js" defer=""></script><script src="/_next/static/chunks/1ixm5lqmr8hfg.js" defer=""></script><script src="/_next/static/chunks/2z-_xl9kgfxjb.js" defer=""></script><script src="/_next/static/chunks/3c0g9iuykst02.js" defer=""></script><script src="/_next/static/chunks/2txxx54-g750u.js" defer=""></script><script src="/_next/static/chunks/3a10lsey5-_i1.js" defer=""></script><script src="/_next/static/chunks/turbopack-0--nl-li4nv-p.js" defer=""></script><script src="/_next/static/VmatWb8TwFyHIBP45sxaG/_buildManifest.js" defer=""></script><script src="/_next/static/VmatWb8TwFyHIBP45sxaG/_ssgManifest.js" defer=""></script><script src="/_next/static/VmatWb8TwFyHIBP45sxaG/_clientMiddlewareManifest.js" defer=""></script></head><body><link rel="preload" as="image" href="/images/backgrounds/felt-figma.webp"/><link rel="preload" as="image" href="/images/backgrounds/holztisch.webp"/><link rel="preload" as="image" href="/images/backgrounds/chalkboard-jvs.webp"/><link rel="preload" as="image" href="/images/icons/pfeil_unten_weiss.svg"/><div id="__next"><div class="landing-static-root"><div class="min-h-screen bg-black" style="opacity:0"><header class="fixed z-50 transition-[top,left,right,width,background,border-radius,box-shadow,backdrop-filter] duration-700 ease-[cubic-bezier(0.22,1,0.36,1)]" style="top:0;left:0;right:0;background:transparent"><div class="w-full max-w-[1152px] mx-auto px-6 lg:px-20"><nav class="flex items-center transition-all duration-500 justify-between h-20 md:h-24"><a href="/" class="flex items-center shrink-0 min-w-0"><img alt="JassGuru" loading="lazy" width="300" height="52" decoding="async" data-nimg="1" class="transition-all duration-500 w-auto h-[calc(2rem*0.85)] md:h-9" style="color:transparent" src="/images/logos/jassguru-logo-weiss.svg"/></a><div class="hidden lg:flex items-center justify-end relative min-w-0 flex-1 h-[56px]"><div class="absolute inset-0 flex items-center justify-end gap-6 xl:gap-8 transition-[opacity,transform] duration-350" style="opacity:1;transform:none;transform-origin:right center;pointer-events:auto"><a href="/features/" class="transition-all duration-300" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:16px;line-height:1;color:rgba(255, 255, 255, 0.95)">Features</a><a href="/support/" class="transition-all duration-300" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:16px;line-height:1;color:rgba(255, 255, 255, 0.95)">Support</a><button class="rounded-full transition-all duration-300 transform hover:-translate-y-0.5 inline-flex items-center justify-center" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:17px;line-height:1;background-color:#16a34a;color:#ffffff;min-width:188px;padding:10px 24px;box-shadow:0 2px 8px rgba(22, 163, 74, 0.3)">Registrieren</button></div><button class="absolute right-0 rounded-lg text-black transition-[opacity,transform] duration-500" style="width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.98);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,0.10);backdrop-filter:blur(12px);opacity:0;transform:scale(0.92) translateY(5px);pointer-events:none" aria-label="Menü öffnen"><svg class="w-7 h-7" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg></button></div><button class="rounded-lg transition-all text-white lg:hidden" aria-label="Menü öffnen"><svg class="w-7 h-7" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg></button></nav></div></header><section class="relative w-full overflow-hidden" style="height:100vh;min-height:520px"><div class="absolute inset-0 z-0"><img alt="Jassteppich" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/backgrounds/felt-figma.webp"/></div><div class="absolute z-[1] overflow-hidden" style="left:var(--hero-felt-left);top:var(--hero-felt-top);width:var(--hero-felt-width);height:var(--hero-felt-height);border-radius:var(--hero-felt-radius);box-shadow:0 8px 40px rgba(0,0,0,0.5), 0 2px 8px rgba(0,0,0,0.3)"><img alt="" aria-hidden="true" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/backgrounds/holztisch.webp"/><div class="absolute inset-0 z-[1] pointer-events-none" style="border-radius:inherit;box-shadow:inset 0 4px 16px rgba(0,0,0,0.4), inset 0 -2px 8px rgba(0,0,0,0.2), inset 4px 0 12px rgba(0,0,0,0.15), inset -4px 0 12px rgba(0,0,0,0.15)"></div><div class="absolute z-[2] overflow-hidden" style="inset:clamp(18px, 3.5vw, 44px);border-radius:clamp(4px, 0.8vw, 10px)"><img alt="Kreidetafel" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/backgrounds/chalkboard-jvs.webp"/><div class="absolute inset-0 z-10 pointer-events-none" style="border-radius:inherit;box-shadow:inset 0 3px 12px rgba(0,0,0,0.6), inset 0 -2px 6px rgba(0,0,0,0.3), inset 3px 0 8px rgba(0,0,0,0.2), inset -3px 0 8px rgba(0,0,0,0.2)"></div></div></div><div class="absolute z-20 left-0 right-0 flex flex-col items-center gap-4 sm:gap-5 md:gap-6 lg:gap-5 px-8 sm:px-6 lg:px-4 pointer-events-none" style="top:var(--hero-stack-top)"><div class="flex shrink-0 justify-center" style="opacity:0;transform:scale(0.85)"><img alt="JassGuru" loading="lazy" width="160" height="160" decoding="async" data-nimg="1" class="object-contain drop-shadow-lg h-auto w-auto max-h-[20vh] sm:max-h-[22vh] md:max-h-[24vh] lg:max-h-[26vh]" style="color:transparent;max-width:var(--hero-logo-max-width)" src="/welcome-guru.png"/></div><div class="flex w-full justify-center" style="opacity:0;transform:translateY(30px)"><h1 style="text-align:center;max-width:var(--hero-title-max-width);width:90%;font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:var(--hero-title-size);line-height:var(--hero-title-line-height);letter-spacing:-0.96px;color:#ffffff;text-shadow:0 2px 20px rgba(0,0,0,0.3)">Die offizielle Jass-App<!-- -->
<!-- -->der Schweiz</h1></div><div class="flex w-full justify-center" style="opacity:0;transform:translateY(30px)"><p style="text-align:center;max-width:var(--hero-subtitle-max-width);width:var(--hero-subtitle-width);font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:var(--hero-subtitle-size);line-height:1.45;color:rgba(255,255,255,0.92);text-shadow:0 1px 8px rgba(0,0,0,0.2)">Jasstafel, Rangliste, Profil und Turniere — alles was deine Jassgruppe braucht.</p></div></div><div class="absolute z-20 left-0 right-0 flex flex-col items-center gap-3 px-4" style="bottom:var(--hero-cta-bottom);opacity:0;transform:translateY(30px)"><button class="landing-cta-btn px-8 py-4 text-white font-bold rounded-full whitespace-nowrap" style="font-size:17px;--landing-cta-bg:#16a34a;--landing-cta-bg-hover:#15803d;--landing-cta-shadow:0 2px 8px rgba(22, 163, 74, 0.3);--landing-cta-shadow-hover:0 6px 18px rgba(22, 163, 74, 0.42)">App installieren<svg class="w-5 h-5 ml-2 inline-block" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></button><button class="text-white/60 hover:text-white text-sm transition-colors underline underline-offset-2">Bereits ein Konto? Anmelden</button></div><div class="absolute z-20 left-1/2 -translate-x-1/2 cursor-pointer" style="bottom:4%;opacity:0"><img src="/images/icons/pfeil_unten_weiss.svg" alt="" width="24" height="28" class="opacity-80" aria-hidden="true"/></div></section><section class="relative overflow-hidden"><div class="absolute inset-0 z-0"><img alt="" aria-hidden="true" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/backgrounds/holztisch.webp"/><div class="absolute inset-0 bg-black/25"></div></div><div class="relative z-10 py-16 md:py-24 px-6"><div class="text-center mb-10 md:mb-14" style="opacity:0;transform:translateY(30px)"><h2 class="text-white mb-4" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:clamp(32px, 5vw, 42px);line-height:1.37;letter-spacing:-0.96px;text-shadow:0 2px 12px rgba(0,0,0,0.4)">Schreiben war noch nie so einfach.</h2><p class="text-white/80 max-w-2xl mx-auto" style="font-size:clamp(16px, 2.5vw, 20px);line-height:1.6;text-shadow:0 1px 6px rgba(0,0,0,0.3)">Punkte eingeben — den Rest erledigt die Tafel.</p></div><div class="grid grid-cols-2 gap-4 sm:gap-8 lg:gap-12 max-w-2xl mx-auto mb-10"><div class="flex flex-col items-center" style="opacity:0;transform:translateY(20px)"><div class="relative w-[min(42vw,240px)] overflow-hidden" style="aspect-ratio:390 / 844;border-radius:clamp(16px, 4vw, 32px);border:clamp(3px, 0.6vw, 5px) solid #1e1e1e;background-color:#121212;box-shadow:0 22px 52px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05), inset 0 -1px 0 rgba(0,0,0,0.35)"><img alt="Digitale Jasstafel mit Z-Linie" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-center" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/screenshots/jasstafel.webp"/></div><p class="text-white/60 text-sm mt-3 sm:mt-4 text-center" style="text-shadow:0 1px 4px rgba(0,0,0,0.3)">Jasstafel</p></div><div class="flex flex-col items-center" style="opacity:0;transform:translateY(20px)"><div class="relative w-[min(42vw,240px)] overflow-hidden" style="aspect-ratio:390 / 844;border-radius:clamp(16px, 4vw, 32px);border:clamp(3px, 0.6vw, 5px) solid #1e1e1e;background-color:#121212;box-shadow:0 22px 52px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05), inset 0 -1px 0 rgba(0,0,0,0.35)"><img alt="Punkterechner" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/screenshots/kalkulator.webp"/></div><p class="text-white/60 text-sm mt-3 sm:mt-4 text-center" style="text-shadow:0 1px 4px rgba(0,0,0,0.3)">Rechner</p></div></div><div class="text-center" style="opacity:0;transform:translateY(16px)"><a class="landing-cta-btn inline-flex items-center gap-2 px-8 py-4 rounded-full font-bold text-white" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-size:17px;--landing-cta-bg:#16a34a;--landing-cta-bg-hover:#15803d;--landing-cta-shadow:0 2px 8px rgba(22, 163, 74, 0.3);--landing-cta-shadow-hover:0 6px 18px rgba(22, 163, 74, 0.42)" href="/features/">Features anschauen<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a></div></div></section><section class="relative overflow-hidden"><div class="absolute inset-0 z-0"><img alt="" aria-hidden="true" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/backgrounds/chalkboard-jvs.webp"/><div class="absolute inset-0 bg-black/30"></div></div><div class="relative z-10 py-16 md:py-24 px-6"><div class="text-center mb-10 md:mb-14" style="opacity:0;transform:translateY(30px)"><p class="text-white/60 uppercase tracking-widest mb-3" style="font-size:clamp(12px, 1.2vw, 14px);letter-spacing:0.15em;text-shadow:0 1px 6px rgba(0,0,0,0.3)">JassGuru <span style="color:#facc15">Pro</span></p><h2 class="text-white mb-4" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:clamp(32px, 5vw, 42px);line-height:1.37;letter-spacing:-0.96px;text-shadow:0 2px 12px rgba(0,0,0,0.4)">Wie gut jasst du wirklich?</h2><p class="text-white/80 max-w-2xl mx-auto" style="font-size:clamp(16px, 2.5vw, 20px);line-height:1.6;text-shadow:0 1px 6px rgba(0,0,0,0.3)">Elo-Rating, ewige Rangliste und dein persönliches Jass-Profil — exklusiv für Mitglieder.</p></div><div class="grid grid-cols-2 gap-4 sm:gap-8 lg:gap-12 max-w-2xl mx-auto mb-10"><div class="flex flex-col items-center" style="opacity:0;transform:translateY(20px)"><div class="relative w-[min(42vw,240px)] overflow-hidden" style="aspect-ratio:390 / 844;border-radius:clamp(16px, 4vw, 32px);border:clamp(3px, 0.6vw, 5px) solid #1e1e1e;background-color:#121212;box-shadow:0 22px 52px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05), inset 0 -1px 0 rgba(0,0,0,0.35)"><img alt="Ewige Gruppen-Rangliste" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/screenshots/gruppenview.webp"/></div><div class="mt-3 sm:mt-4 text-center"><p class="text-white/90 text-base sm:text-lg font-semibold" style="text-shadow:0 1px 4px rgba(0,0,0,0.35)">Live-Beispiel:</p><a href="https://jassguru.ch/view/group/Tz0wgIHMTlhvTtFastiJ" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 mt-1 text-white text-sm sm:text-base underline underline-offset-2 hover:text-white/85 transition-colors">Gruppenansicht<svg class="w-3.5 h-3.5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg></a></div></div><div class="flex flex-col items-center" style="opacity:0;transform:translateY(20px)"><div class="relative w-[min(42vw,240px)] overflow-hidden" style="aspect-ratio:390 / 844;border-radius:clamp(16px, 4vw, 32px);border:clamp(3px, 0.6vw, 5px) solid #1e1e1e;background-color:#121212;box-shadow:0 22px 52px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05), inset 0 -1px 0 rgba(0,0,0,0.35)"><img alt="Spielerprofil mit Elo-Rating" loading="lazy" decoding="async" data-nimg="fill" class="object-cover object-top" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/assets/screenshots/profilview.webp"/></div><div class="mt-3 sm:mt-4 text-center"><p class="text-white/90 text-base sm:text-lg font-semibold" style="text-shadow:0 1px 4px rgba(0,0,0,0.35)">Live-Beispiel:</p><a href="https://jassguru.ch/profile/b16c1120111b7d9e7d733837" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 mt-1 text-white text-sm sm:text-base underline underline-offset-2 hover:text-white/85 transition-colors">Spielerprofil<svg class="w-3.5 h-3.5 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg></a></div></div></div><div class="text-center" style="opacity:0;transform:translateY(16px)"><a class="landing-cta-btn inline-flex items-center gap-2 px-8 py-4 rounded-full font-bold text-white" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-size:17px;--landing-cta-bg:#16a34a;--landing-cta-bg-hover:#15803d;--landing-cta-shadow:0 2px 8px rgba(22, 163, 74, 0.3);--landing-cta-shadow-hover:0 6px 18px rgba(22, 163, 74, 0.42)" href="/auth/register/">Jetzt registrieren<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a><p class="text-white/40 text-xs mt-4" style="text-shadow:0 1px 4px rgba(0,0,0,0.3)">Für Mitglieder des Jassverbands Schweiz</p></div></div></section><section class="relative overflow-hidden"><div class="absolute inset-0 z-0"><img alt="" aria-hidden="true" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/backgrounds/felt-figma.webp"/><div class="absolute inset-0 bg-black/30"></div></div><div class="relative z-10 py-16 md:py-24 px-6"><div class="max-w-3xl mx-auto text-center" style="opacity:0;transform:translateY(30px)"><h2 class="text-white mb-4" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:clamp(32px, 5vw, 42px);line-height:1.37;letter-spacing:-0.96px;text-shadow:0 2px 12px rgba(0,0,0,0.4)">Vom Jassverband Schweiz.</h2><p class="text-white/80 max-w-2xl mx-auto mb-10" style="font-size:clamp(16px, 2.5vw, 20px);line-height:1.6;text-shadow:0 1px 6px rgba(0,0,0,0.3)">JassGuru ist das offizielle digitale Werkzeug des Jassverbands — entwickelt für Jassgruppen in der ganzen Schweiz.</p><a href="https://jassverband.ch" target="_blank" rel="noopener noreferrer" class="inline-block hover:opacity-80 transition-opacity" style="opacity:0;transform:translateY(16px)"><img alt="Jassverband Schweiz" loading="lazy" width="190" height="82" decoding="async" data-nimg="1" class="w-auto h-auto max-w-[120px] sm:max-w-[140px] mx-auto opacity-90" style="color:transparent" src="/images/logos/jvs-logo-farbig-weiss-kurz.svg"/></a></div></div></section><section style="background-color:#e8e4dc"><div class="max-w-6xl mx-auto px-6 py-8 md:py-10"><div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4 sm:gap-6" style="opacity:0"><p class="max-w-md" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:clamp(13px, 1.1vw, 15px);line-height:1.6;color:rgba(0, 0, 0, 0.55)">JVS repräsentiert Jassen als vom Bundesamt für Kultur anerkannte<!-- --> <a href="https://www.lebendige-traditionen.ch/tradition/de/home/traditionen/jassen.html" target="_blank" rel="noopener noreferrer" class="underline hover:text-black transition-colors" style="color:rgba(0, 0, 0, 0.75)">lebendige Tradition</a>.</p><div class="relative flex-shrink-0 self-end sm:self-auto" style="width:clamp(160px, 20vw, 280px);aspect-ratio:800 / 453"><img alt="Lebendige Traditionen der Schweiz" loading="lazy" decoding="async" data-nimg="fill" class="object-contain object-right" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/badges/lebendige-traditionen-figma.png"/></div></div></div></section><section class="relative overflow-hidden"><div class="absolute inset-0 z-0"><img alt="" aria-hidden="true" loading="lazy" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" src="/images/backgrounds/chalkboard-jvs.webp"/><div class="absolute inset-0 bg-black/25"></div></div><div class="relative z-10 py-16 md:py-24 px-6"><div class="text-center max-w-2xl mx-auto" style="opacity:0;transform:translateY(30px)"><h2 class="text-white mb-8" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:clamp(32px, 5vw, 42px);line-height:1.37;letter-spacing:-0.96px;text-shadow:0 2px 12px rgba(0,0,0,0.4)">Jetzt loslegen.</h2><button class="landing-cta-btn w-full sm:w-auto px-10 py-4 text-white font-bold rounded-full" style="font-size:17px;--landing-cta-bg:#16a34a;--landing-cta-bg-hover:#15803d;--landing-cta-shadow:0 2px 8px rgba(22, 163, 74, 0.3);--landing-cta-shadow-hover:0 6px 18px rgba(22, 163, 74, 0.42)">App installieren<svg class="w-5 h-5 ml-2 inline-block" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></button><p class="mt-6 text-white/50 text-base">Bereits ein Konto?<!-- --> <button class="text-white/70 hover:text-white underline underline-offset-2 transition-colors">Anmelden</button></p><p class="mt-8 text-white/50" style="font-size:clamp(13px, 1.2vw, 15px);text-shadow:0 1px 4px rgba(0,0,0,0.3)">Kostenlos · Ohne Werbung · In 30 Sekunden startklar</p></div></div></section><footer class="bg-black overflow-hidden"><div class="lg:hidden px-6 py-12"><div class="flex flex-col items-start gap-10"><img alt="JassGuru" loading="lazy" width="300" height="52" decoding="async" data-nimg="1" class="h-[1.44rem] w-auto" style="color:transparent" src="/images/logos/jassguru-logo-weiss.svg"/><div class="grid w-full grid-cols-2 gap-8"><div><h4 class="mb-4" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:16px;color:rgba(255, 255, 255, 0.95)">Ökosystem</h4><ul class="space-y-2.5"><li><a href="https://jassverband.ch" target="_blank" rel="noopener noreferrer" class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)">Jassverband Schweiz</a></li><li><a href="https://jasswiki.ch" target="_blank" rel="noopener noreferrer" class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)">JassWiki</a></li><li><a href="https://jassverband.ch/de/schweizermeisterschaft" target="_blank" rel="noopener noreferrer" class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)">Schweizermeisterschaft</a></li></ul><p class="mt-6" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:13px;color:rgba(255, 255, 255, 0.35)">© <!-- -->2026<!-- --> jassguru.ch</p></div><div><h4 class="mb-4" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:16px;color:rgba(255, 255, 255, 0.95)">App</h4><ul class="space-y-2.5"><li><button class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)">App installieren</button></li><li><button class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)">Anmelden</button></li><li><a class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)" href="/support/">Hilfe &amp; Anleitungen</a></li></ul><div class="mt-6"><h4 class="mb-4" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:16px;color:rgba(255, 255, 255, 0.95)">Rechtliches</h4><ul class="space-y-2.5"><li><a class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)" href="/impressum/">Impressum</a></li><li><a class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)" href="/datenschutz/">Datenschutz</a></li><li><a class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)" href="/agb/">AGB</a></li></ul></div></div></div></div></div><div class="hidden lg:block relative" style="height:390px"><div class="max-w-[1152px] mx-auto px-20 h-full relative"><div class="absolute" style="top:64px;left:80px"><img alt="JassGuru" loading="lazy" width="300" height="52" decoding="async" data-nimg="1" class="h-7 w-auto" style="color:transparent" src="/images/logos/jassguru-logo-weiss.svg"/></div><div class="flex justify-end" style="padding-top:64px;gap:120px"><div class="flex flex-col" style="width:180px;height:260px"><h4 class="mb-4" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:16px;color:rgba(255, 255, 255, 0.95)">Ökosystem</h4><ul class="space-y-2"><li><a href="https://jassverband.ch" target="_blank" rel="noopener noreferrer" class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)">Jassverband Schweiz</a></li><li><a href="https://jasswiki.ch" target="_blank" rel="noopener noreferrer" class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)">JassWiki</a></li><li><a href="https://jassverband.ch/de/schweizermeisterschaft" target="_blank" rel="noopener noreferrer" class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)">Schweizermeisterschaft</a></li></ul><p class="mt-auto pt-8" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:13px;color:rgba(255, 255, 255, 0.35)">© <!-- -->2026<!-- --> jassguru.ch</p></div><div style="width:160px"><h4 class="mb-4" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:16px;color:rgba(255, 255, 255, 0.95)">App</h4><ul class="space-y-2"><li><button class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)">App installieren</button></li><li><button class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)">Anmelden</button></li><li><a class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)" href="/support/">Hilfe &amp; Anleitungen</a></li></ul></div><div style="width:140px"><h4 class="mb-4" style="font-family:&#x27;Capita&#x27;, Georgia, serif;font-weight:700;font-size:16px;color:rgba(255, 255, 255, 0.95)">Rechtliches</h4><ul class="space-y-2"><li><a class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)" href="/impressum/">Impressum</a></li><li><a class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)" href="/datenschutz/">Datenschutz</a></li><li><a class="transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:15px;color:rgba(255, 255, 255, 0.6)" href="/agb/">AGB</a></li></ul><div class="mt-6"><p style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:14px;line-height:1.7;color:rgba(255,255,255,0.4)">Hirslanderstrasse 34<br/>8032 Zürich</p><a href="mailto:info@jassverband.ch" class="inline-block mt-2 transition-colors duration-200 hover:text-white" style="font-family:&#x27;Inter&#x27;, system-ui, sans-serif;font-weight:400;font-size:14px;color:rgba(255,255,255,0.4)">info@jassverband.ch</a></div></div></div></div></div></footer></div></div><div class="jg-boot-splash fixed inset-0 items-center justify-center chalkboard-bg" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-circle h-8 w-8 text-white animate-spin" aria-hidden="true"><path d="M21 12a9 9 0 1 1-6.219-8.56"></path></svg></div> <!-- --> </div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"VmatWb8TwFyHIBP45sxaG","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>