/* feeless.money - Kurse und Uebersicht. Ergaenzt lernen.css. Nur Klassen kq-*. */
.kq-einstieg{display:grid;gap:.6rem;grid-template-columns:1fr;background:var(--hdr);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 0;margin:0 0 1rem}
@media (min-width:40rem){.kq-einstieg{grid-template-columns:repeat(3,1fr);position:sticky;top:3.5rem;z-index:40}}
.kq-einstieg a{display:block;text-decoration:none;color:var(--fg);border:1px solid var(--lin);border-radius:.9rem;padding:.6rem .9rem;background:var(--flaeche)}
.kq-einstieg a:hover{border-color:var(--brand)}
.kq-einstieg b{display:block;font-size:1.05rem}
.kq-einstieg span{font-size:.88rem;color:var(--mut)}
.kq-sek{scroll-margin-top:9rem;margin:1.6rem 0}
.kq-sek h2{font-size:1.4rem;margin:0 0 .2rem}
.kq-sek>p{color:var(--mut);margin:.2rem 0 .8rem}
.kq-raster{display:grid;gap:.8rem;grid-template-columns:1fr}
@media (min-width:40rem){.kq-raster{grid-template-columns:repeat(2,1fr)}}
.kq-karte{position:relative;display:block;text-decoration:none;color:var(--fg);background:var(--flaeche);border:1px solid var(--lin);border-radius:1.1rem;padding:1rem 1rem 1.3rem;box-shadow:var(--shadow);overflow:hidden}
.kq-karte:hover{border-color:var(--brand)}
.kq-karte b{display:block;font-size:1.1rem;margin-bottom:.25rem}
.kq-karte span{display:block;font-size:.93rem;color:var(--mut)}
.kq-karte em{display:block;font-style:normal;font-size:.85rem;margin-top:.5rem;color:var(--link);font-weight:650}
.kq-karte.ok{border-color:var(--gruen)}
.kq-bal{position:absolute;left:0;bottom:0;height:.3rem;width:100%;background:var(--chip)}
.kq-bal::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w,0);background:linear-gradient(90deg,var(--brand),var(--mint))}
.kq-gesamt{font-weight:650;color:var(--fg)!important}
.kq-weiter{padding-left:1.2rem}
.kq-quellen{margin:1.5rem 0;font-size:.92rem}
.kq-quellen h2{font-size:1.05rem;margin:0 0 .3rem}
.kq-quellen ul{margin:0;padding-left:1.2rem}
.ln-fertig{background:var(--chip);border:1px solid var(--gruen);border-radius:1.1rem;padding:1rem;margin:0 0 1rem}
.ln-fertig[hidden]{display:none}
.ln-fertig h2{margin:0 0 .4rem;font-size:1.25rem}
.ln-opt{min-height:2.75rem}