*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; } :root { --blue-900:#0e3566; --blue-800:#1659a8; --blue-700:#2070c8; --blue-100:#e8f1fd; --gold:#e8b824; --muted:#5a7a9a; --radius:20px; --shadow:0 18px 50px rgba(14,53,102,.13); --max:1100px; } body { font-family:system-ui,-apple-system,sans-serif; color:#1a2b3c; background:#f7f9fc; line-height:1.65; } a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; } /* HEADER */ .site-header { position:sticky; top:0; z-index:100; background:rgba(255,255,255,.85); backdrop-filter:blur(14px); border-bottom:1px solid rgba(14,53,102,.09); } .header-inner { max-width:var(--max); margin:0 auto; padding:.8rem 1.5rem; display:flex; align-items:center; gap:1.2rem; } .brand { display:flex; align-items:center; gap:.85rem; margin-right:auto; } .brand-text strong { display:block; font-size:1.05rem; font-weight:700; color:var(--blue-900); letter-spacing:-.025em; line-height:1.15; } .brand-text span { display:block; font-size:.78rem; color:var(--muted); } .main-nav { display:flex; align-items:center; gap:.15rem; flex-wrap:nowrap; } .main-nav a { padding:.4rem .75rem; border-radius:999px; font-size:.875rem; font-weight:500; color:var(--blue-900); transition:background .18s; white-space:nowrap; } .main-nav a:hover { background:var(--blue-100); } .nav-drop { position:relative; display:inline-block; } .nav-drop-trigger { padding:.4rem .75rem; border-radius:999px; font-size:.875rem; font-weight:500; color:var(--blue-900); cursor:pointer; white-space:nowrap; } .nav-drop-trigger::after { content:" ▾"; font-size:.7em; opacity:.7; } .nav-drop-menu { display:none; position:absolute; top:100%; left:0; background:white; border:1px solid #d0dff0; border-radius:12px; padding:.5rem 0; min-width:160px; box-shadow:0 8px 24px rgba(14,53,102,.13); z-index:999; } .nav-drop-menu a { display:block; padding:.5rem 1.1rem; font-size:.9rem; color:var(--blue-900); white-space:nowrap; } .nav-drop-menu a:hover { background:var(--blue-100); } .nav-drop:hover .nav-drop-menu, .nav-drop:focus-within .nav-drop-menu { display:block; } .cta-btn { padding:.55rem 1.3rem; background:var(--blue-700); color:white; border-radius:999px; font-size:.9rem; font-weight:700; white-space:nowrap; transition:background .18s; } .cta-btn:hover { background:var(--blue-900); } /* HERO */ .page-hero { background:linear-gradient(135deg,var(--blue-900) 0%,#1659a8 100%); color:white; padding:4.5rem 1.5rem 5rem; text-align:center; position:relative; overflow:hidden; } .page-hero::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .page-hero-inner { max-width:760px; margin:0 auto; position:relative; } .page-hero .kicker { color:#a8c8ff; font-size:.85rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom:1rem; display:block; } .page-hero h1 { font-size:clamp(2rem,5vw,3rem); font-weight:800; letter-spacing:-.03em; line-height:1.15; margin-bottom:1.2rem; } .page-hero p { font-size:1.1rem; color:rgba(255,255,255,.82); max-width:600px; margin:0 auto 2rem; } .hero-btns { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; } .btn-white { padding:.75rem 2rem; background:white; color:var(--blue-900); border-radius:999px; font-weight:700; font-size:1rem; transition:transform .18s; } .btn-white:hover { transform:translateY(-2px); } .btn-outline { padding:.75rem 2rem; border:2px solid rgba(255,255,255,.5); color:white; border-radius:999px; font-weight:700; font-size:1rem; transition:background .18s; } .btn-outline:hover { background:rgba(255,255,255,.1); } /* SECTIONS */ .section { padding:4.5rem 1.5rem; } .section-inner { max-width:var(--max); margin:0 auto; } .soft-bg { background:white; } .kicker { font-size:.8rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--blue-700); margin-bottom:.6rem; display:block; } h2 { font-size:clamp(1.6rem,3vw,2.1rem); font-weight:800; color:var(--blue-900); letter-spacing:-.03em; margin-bottom:.75rem; } .section-lead { font-size:1.05rem; color:#44607a; max-width:680px; margin:0 0 2.5rem; } /* CARDS */ .card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; } .card { background:white; border-radius:var(--radius); padding:1.8rem; box-shadow:var(--shadow); } .card h3 { font-size:1.1rem; font-weight:700; color:var(--blue-900); margin-bottom:.5rem; } .card p { font-size:.92rem; color:#44607a; line-height:1.6; } .card-icon { width:48px; height:48px; border-radius:14px; background:var(--blue-100); display:grid; place-items:center; margin-bottom:1rem; font-size:1.4rem; } /* STEPS */ .steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; } .step { display:flex; gap:1.1rem; align-items:flex-start; } .step-num { width:40px; height:40px; border-radius:50%; background:var(--blue-700); color:white; font-weight:800; font-size:1rem; display:grid; place-items:center; flex-shrink:0; margin-top:.2rem; } .step-body h3 { font-size:1rem; font-weight:700; color:var(--blue-900); margin-bottom:.3rem; } .step-body p { font-size:.88rem; color:var(--muted); line-height:1.55; } /* FEATURE BAND */ .feature-band { background:var(--blue-900); border-radius:44px; padding:3rem 3rem; color:white; display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; } .feature-band h2 { color:white; } .feature-band p { color:rgba(255,255,255,.8); margin-bottom:1.5rem; } .feature-band .kicker { color:#a8c8ff; } .feature-badge { display:inline-block; background:rgba(232,184,36,.25); color:var(--gold); font-weight:700; font-size:.85rem; padding:.4rem 1rem; border-radius:999px; margin-bottom:1.2rem; } /* CTA BAND */ .cta-band { background:linear-gradient(135deg,var(--blue-700),var(--blue-900)); border-radius:44px; padding:3.5rem 3rem; text-align:center; color:white; } .cta-band h2 { color:white; font-size:1.8rem; margin-bottom:.8rem; } .cta-band p { color:rgba(255,255,255,.8); margin-bottom:2rem; } /* FOOTER */ footer { background:var(--blue-900); color:rgba(255,255,255,.6); padding:3rem 1.5rem; margin-top:0; } .footer-inner { max-width:var(--max); margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr; gap:2.5rem; } .footer-brand p { color:rgba(255,255,255,.55); font-size:.85rem; margin-top:.8rem; line-height:1.65; } footer h4 { color:white; font-size:.95rem; margin-bottom:.9rem; } footer ul { list-style:none; display:flex; flex-direction:column; gap:.5rem; } footer a { color:rgba(255,255,255,.65); font-size:.88rem; transition:color .18s; } footer a:hover { color:white; } .footer-bottom { max-width:var(--max); margin:2.5rem auto 0; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.12); display:flex; justify-content:space-between; font-size:.8rem; flex-wrap:wrap; gap:.5rem; } /* HAMBURGER */ .hamburger { display:none; background:none; border:1.5px solid var(--border); border-radius:8px; padding:.45rem .65rem; font-size:1.15rem; cursor:pointer; color:var(--blue-900); line-height:1; flex-shrink:0; } .hamburger:hover { background:var(--blue-100); } @media (max-width:900px){ .card-grid,.steps,.feature-band,.footer-inner{ grid-template-columns:1fr 1fr; } } @media(max-width:620px){ .card-grid,.steps,.feature-band,.footer-inner{ grid-template-columns:1fr; } .page-hero{ padding:3rem 1.2rem 3.5rem; } .cta-band,.feature-band{ border-radius:24px; padding:2.2rem 1.5rem; } } /* Fokusmarkering – tillgänglighet */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #145af2; outline-offset: 3px; }
Schack i skolan

Ge din klass ett spel som skärper hjärnan

Vi hjälper lärare och skolor att komma igång med schack – ett enkelt verktyg som tränar logik, koncentration och strategiskt tänkande.

Varför schack i skolan?

Mer än ett spel

Forskning och erfarenhet visar att schack stärker elevers förmåga att koncentrera sig, planera och lösa problem. Och det är roligt.

Logik och strategiskt tänkande

Varje drag kräver ett beslut. Schack lär eleverna att tänka flera steg framåt och överväga konsekvenser – färdigheter som är värdefulla långt utanför schackbrädet.

Koncentration och tålamod

Att sitta still och fokusera är en tränad förmåga. Schack ger naturlig träning i uppmärksamhet och att hantera frustration konstruktivt.

Självkänsla och respekt

Att lära sig förlora och vinna med värdighet är en del av spelet. Schack skapar naturliga situationer för reflektion och sportslighet.

Kom igång

Tre steg till schack i din klass

Det är enklare än du tror att starta upp schack i skolan – vi hjälper till på hela vägen.

1

Hör av dig

Kontakta oss via kontaktformuläret. Berätta om din skola, klass och vad du är intresserad av.

2

Vi planerar tillsammans

Vi hjälper er att välja upplägg – en engångslektion, ett schackvecka-projekt eller kontinuerlig undervisning. Anpassas efter era behov.

3

Schack i klassen

Erfarna ledare från USSS besöker er klass med schackbrädor och pedagogiskt material. Eleverna lär sig spela från grunden.

Skolturnering
Schackfyran 2026

Tävla mot andra skolor i Uppland

Schackfyran är Upplands stora skolturnering för fjärdeklasser. Alla elever är med och samlar poäng till laget.

Läs mer om Schackfyran

Snabbfakta

Datum Datum meddelas hösten 2026
Plats Fyrishov, Uppsala
Anmälan anmalan@schackfyran.com

Intresserad? Hör av dig!

Vi svarar snabbt och hjälper er hitta ett upplägg som passar er skola.

Kontakta oss