*, *::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;
}
Hoppa till innehåll
Hoppa till innehåll
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