/* bonus.testas.net.tr — Bonusmaterial zu den Prüfungsvorbereitungsbüchern
   Keine externen Schriften, kein JavaScript, keine Tracker.
   Farben folgen dem Buch: reines Schwarz als Akzent, zwei Graustufen. */

:root{
  --text:#111;
  --ruhig:#454545;
  --grau:#737373;
  --linie:#d8d8d8;
  --flaeche:#f6f5f3;
  --papier:#fff;
  --akzent:#111;
  --akzent-text:#fff;
}
@media (prefers-color-scheme:dark){
  :root{
    --text:#ececec; --ruhig:#b9b9b9; --grau:#8e8e8e;
    --linie:#3a3a3a; --flaeche:#1c1c1c; --papier:#141414;
    --akzent:#ececec; --akzent-text:#141414;
  }
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--papier);
  color:var(--text);
  font:1.0625rem/1.65 Georgia,"Times New Roman",serif;
  padding:0 16px;
}
.wrap{max-width:38rem;margin:0 auto;padding:2.25rem 0 3rem}

/* --- Kopf ------------------------------------------------------------ */
.kicker{
  font:600 .75rem/1.3 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:.09em;text-transform:uppercase;color:var(--grau);
  margin:0 0 .5rem;
}
h1{
  font:700 1.95rem/1.15 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  margin:0 0 .35rem;letter-spacing:-.01em;
}
.buch{
  font:400 .95rem/1.45 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ruhig);margin:0 0 1.5rem;
}
.regel{border:0;border-top:2px solid var(--akzent);margin:0 0 1.75rem}

h2{
  font:700 1.1rem/1.3 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  margin:2.25rem 0 .6rem;
}
p{margin:0 0 1rem}
a{color:var(--text);text-decoration:underline;text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}

/* --- Download -------------------------------------------------------- */
.laden{
  display:block;margin:1.5rem 0 .6rem;padding:1.05rem 1.25rem;
  background:var(--akzent);color:var(--akzent-text);
  border-radius:4px;text-decoration:none;text-align:center;
  font:700 1.0625rem/1.3 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.laden:hover{opacity:.88;text-decoration:none}
.laden .klein{display:block;font-weight:400;font-size:.8rem;opacity:.75;margin-top:.3rem}
.hinweis{font-size:.85rem;color:var(--grau);margin:0 0 1.5rem;text-align:center}

/* --- Listen ---------------------------------------------------------- */
ul{margin:0 0 1rem;padding-left:1.15rem}
li{margin:0 0 .45rem}
.schritte{list-style:none;padding:0;margin:0 0 1rem}
.schritte li{
  display:flex;gap:.75rem;align-items:baseline;
  padding:.55rem 0;border-top:1px solid var(--linie);
}
.schritte li:last-child{border-bottom:1px solid var(--linie)}
.zeit{
  flex:0 0 5.2rem;
  font:700 .85rem/1.5 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* --- Kasten ---------------------------------------------------------- */
.kasten{
  background:var(--flaeche);border-left:3px solid var(--akzent);
  padding:1.1rem 1.15rem;margin:1.75rem 0;border-radius:0 4px 4px 0;
}
.kasten h2{margin-top:0}
.kasten p:last-child{margin-bottom:0}
.kasten .frei{
  font:600 .9rem/1.5 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* --- Fuß ------------------------------------------------------------- */
footer{
  margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--linie);
  font:.85rem/1.6 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--grau);
}
footer a{color:var(--ruhig)}
footer nav{margin-bottom:.6rem}
footer nav a{margin-right:1rem;white-space:nowrap}

/* --- Hub / Rechtstexte ----------------------------------------------- */
.baende{list-style:none;padding:0;margin:1.5rem 0 0}
.baende li{margin:0;border-top:1px solid var(--linie)}
.baende li:last-child{border-bottom:1px solid var(--linie)}
.baende a{
  display:block;padding:.95rem .25rem;text-decoration:none;
  font:600 1rem/1.4 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.baende a span{
  display:block;font-weight:400;font-size:.85rem;color:var(--grau);margin-top:.15rem;
}
.baende a:hover{background:var(--flaeche)}
.recht dt{
  font:600 .9rem/1.5 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  margin-top:1rem;
}
.recht dd{margin:.15rem 0 0}
.platzhalter{background:#ffe9a8;color:#3a2c00;padding:0 .2em;border-radius:2px}
@media (prefers-color-scheme:dark){.platzhalter{background:#5a4a12;color:#ffe9a8}}

@media (min-width:40rem){
  body{font-size:1.09rem}
  h1{font-size:2.3rem}
  .wrap{padding:3rem 0 4rem}
}