/* Startseite on2.at – Schnitzeljagd durch Dornbirn */
@font-face{
  font-family:"Fredoka";
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url("fonts/fredoka.woff2") format("woff2");
}
:root{
  --c-primary:#26377D; --c-accent:#F7B93E; --c-bg:#FFFFFF;
  --c-ink:#172353; --c-success:#6A9351; --maxw:920px; --radius:18px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:var(--c-bg);color:var(--c-ink);
  font-family:"Fredoka",system-ui,sans-serif;font-weight:400;font-size:18px;line-height:1.55;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;}
a{color:var(--c-primary);}

/* Hero */
.hero{background:var(--c-primary);color:#fff;padding:54px 0 64px;text-align:center;}
.hero .kicker{margin:0 0 10px;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:var(--c-accent);font-weight:600;}
.hero h1{margin:0;font-weight:600;font-size:clamp(38px,8vw,72px);line-height:1.05;}
.hero h1 .gold{color:var(--c-accent);}
.hero p.lead{margin:18px auto 0;max-width:620px;font-size:20px;color:#dfe4f2;}
.cta{margin-top:28px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn{display:inline-block;min-height:52px;padding:14px 26px;border-radius:var(--radius);
  font-weight:600;font-size:19px;text-decoration:none;cursor:pointer;border:none;}
.btn-gold{background:var(--c-accent);color:var(--c-ink);}
.btn-ghost{background:transparent;color:#fff;border:2px solid #fff;}
.btn:focus-visible{outline:3px solid #fff;outline-offset:2px;}

/* Sections */
section{padding:54px 0;}
section h2{font-weight:600;font-size:clamp(28px,5vw,40px);margin:0 0 26px;text-align:center;}
.section-alt{background:#f6f8ff;}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;}
.step{background:#fff;border:2px solid #eef1f8;border-radius:var(--radius);padding:22px;}
.step .num{width:46px;height:46px;border-radius:50%;background:var(--c-accent);color:var(--c-ink);
  display:flex;align-items:center;justify-content:center;font-weight:600;font-size:22px;margin-bottom:12px;}
.step h3{margin:0 0 6px;font-size:20px;font-weight:600;}
.step p{margin:0;font-size:16px;color:#4a5578;}

/* Figuren */
.figs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px;}
.fig{text-align:center;}
.fig img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius);
  border:4px solid var(--c-accent);background:#fff;}
.fig .name{margin-top:8px;font-weight:600;font-size:16px;}
.fig .role{font-size:13px;color:#6b7390;}

/* Info */
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;text-align:center;}
.info .card{background:#fff;border:2px solid #eef1f8;border-radius:var(--radius);padding:24px;}
.info .card .big{font-size:24px;font-weight:600;color:var(--c-primary);}

/* Footer */
.foot{background:var(--c-primary);color:#cdd5ee;padding:34px 0;text-align:center;font-size:15px;}
.foot a{color:#fff;}
.foot .legal{margin-top:10px;font-size:13px;color:#9fa9cf;max-width:680px;margin-left:auto;margin-right:auto;}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}