/* kurse.pilser.it - eigenes Stylesheet. Ruhig, Handybreite, Light/Dark automatisch.
   Kopiert unveraendert von tools/build.py nach assets/style.css. Kein JavaScript, keine Web-Fonts. */

:root{
  --paper:#ffffff;
  --ink:#1b1b1a;
  --ink-soft:#5c5c58;
  --card:#f6f6f3;
  --line:#dcdcd5;
  --akzent:#2b5f8a;
  --akzent-bg:#eaf1f6;
  --fokus:#c0522d;
}
@media (prefers-color-scheme: dark){
  :root{
    --paper:#181a1b;
    --ink:#e9e7e2;
    --ink-soft:#a8a89f;
    --card:#232527;
    --line:#3a3c3a;
    --akzent:#84b6de;
    --akzent-bg:#1e2e38;
    --fokus:#e8956b;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:1rem;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.wrap{max-width:44rem;margin:0 auto;padding:2rem 1rem 3rem}
a{color:var(--akzent)}
a:focus-visible,button:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}
p.kicker{margin:0 0 .3rem;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft)}
h1{margin:.1rem 0 .6rem;font-size:1.9rem;line-height:1.2}
h2{margin:2.2rem 0 .6rem;font-size:1.25rem}
p.sub{margin:0 0 1.8rem;font-size:1.08rem;color:var(--ink-soft)}
.grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr));margin:1.6rem 0}
a.karte{
  display:flex;flex-direction:column;gap:.35rem;
  text-decoration:none;color:inherit;
  background:var(--card);border:1px solid var(--line);border-left:4px solid var(--akzent);
  border-radius:0 .5rem .5rem 0;
  padding:1rem 1.1rem;
}
a.karte:hover,a.karte:focus-visible{border-left-color:var(--fokus)}
a.karte b{font-size:1.08rem;line-height:1.35}
a.karte span.traeger{font-size:.85rem;color:var(--ink-soft)}
a.karte span.text{font-size:.92rem;color:var(--ink-soft);line-height:1.5}
.hinweis{margin:1.8rem 0;padding:.9rem 1.1rem;background:var(--akzent-bg);border-radius:.5rem;font-size:.95rem}
ul.downloads{list-style:none;margin:1rem 0;padding:0}
ul.downloads li{padding:.85rem 0;border-top:1px solid var(--line)}
ul.downloads li:first-child{border-top:none}
ul.downloads a{font-size:1.02rem;text-decoration:none}
ul.downloads a:hover{text-decoration:underline}
ul.downloads .text{margin-top:.15rem;font-size:.92rem;color:var(--ink-soft)}
ul.downloads .groesse{margin-top:.15rem;font-size:.82rem;color:var(--ink-soft)}
p.zurueck{margin:2rem 0 0}
p.zurueck a{font-size:.95rem;text-decoration:none}
p.zurueck a:hover{text-decoration:underline}
footer{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--ink-soft)}
footer a{color:var(--ink-soft)}