/* DeutschLernSpur Core 4.4.0 – vollständiger Grammatik-Themenkatalog */
.dls-gt-hero{
  padding:clamp(1.5rem,3vw,2.7rem);
  border-radius:18px;
  background:linear-gradient(135deg,#0A4F5A,#2D8B92);
  color:#fff;
  margin-bottom:1rem;
}
.dls-gt-hero h1{color:#fff;margin:.3rem 0}
.dls-gt-hero .dls-level-kicker{color:#FFE2A0}
.dls-gt-stat{
  display:inline-block;
  margin-top:.8rem;
  padding:.5rem .75rem;
  border-radius:999px;
  background:rgba(255,255,255,.14);
}
.dls-gt-controls{display:grid;gap:1rem}
.dls-gt-controls label{display:grid;gap:.4rem}
#dls-gt-search{
  width:100%;
  min-height:46px;
  padding:.75rem;
  border:1px solid #BFD5D8;
  border-radius:10px;
  background:#fff;
}
.dls-gt-filter{display:flex;gap:.5rem;flex-wrap:wrap}
.dls-gt-filter button{
  border:1px solid #0A4F5A;
  border-radius:999px;
  padding:.55rem .85rem;
  background:#fff;
  color:#0A4F5A;
  font-weight:800;
  cursor:pointer;
}
.dls-gt-filter button.is-active{background:#0A4F5A;color:#fff}
.dls-gt-category{margin:1.5rem 0}
.dls-gt-category>header{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:1rem;
  border-bottom:3px solid #E1A53A;
  margin-bottom:.8rem;
}
.dls-gt-category>header h2{color:#0A4F5A}
.dls-gt-category>header span{
  font-weight:800;
  color:#64757A;
  padding-bottom:.55rem;
}
.dls-gt-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
}
.dls-gt-card{
  display:flex;
  flex-direction:column;
  min-height:165px;
  padding:1rem;
  background:#fff;
  border:1px solid #D3E1E3;
  border-radius:12px;
}
.dls-gt-card[hidden]{display:none!important}
.dls-gt-card h3{color:#0A4F5A;margin:.6rem 0;flex:1}
.dls-gt-level{
  display:inline-block;
  margin:.1rem .25rem .1rem 0;
  padding:.28rem .5rem;
  border-radius:999px;
  font-size:.76rem;
  font-weight:900;
}
.dls-gt-a1{background:#E5F5F6;color:#0A4F5A}
.dls-gt-a2{background:#FFF0CE;color:#7C4E00}
.dls-gt-b1{background:#EAF5EE;color:#2F7D54}
.dls-gt-b2{background:#ECE9F7;color:#51417B}
.dls-gt-breadcrumb{
  display:flex;
  gap:.45rem;
  flex-wrap:wrap;
  margin-bottom:1rem;
  font-size:.9rem;
}
.dls-gt-lesson-header{
  padding:1.4rem 1.5rem;
  border-left:6px solid #E1A53A;
  background:#F2F7F8;
  border-radius:0 14px 14px 0;
  margin-bottom:1rem;
}
.dls-gt-lesson-header h1{color:#0A4F5A;margin:.35rem 0}
.dls-gt-examples{
  list-style:none;
  padding:0;
  display:grid;
  gap:.55rem;
}
.dls-gt-examples li{
  padding:.75rem .9rem;
  border-left:4px solid #2D8B92;
  background:#F5FAFA;
  border-radius:7px;
}
.dls-gt-example{font-weight:700}
.dls-gt-warning,.dls-gt-tip{
  margin-top:1rem;
  padding:.8rem 1rem;
  border-radius:9px;
}
.dls-gt-warning{background:#FFF0EF;border-left:5px solid #B94A48}
.dls-gt-tip{background:#FFF7E7;border-left:5px solid #E1A53A}
.dls-gt-question{
  margin:1rem 0;
  padding:1rem;
  border:1px solid #CADBDD;
  border-radius:12px;
}
.dls-gt-question legend{font-weight:800;color:#0A4F5A}
.dls-gt-options{display:grid;gap:.55rem;margin-top:.6rem}
.dls-gt-option{
  display:flex;
  gap:.55rem;
  padding:.65rem .75rem;
  border:1px solid #D6E4E6;
  border-radius:8px;
  background:#fff;
}
.dls-gt-question.is-correct{border-color:#2F7D54;background:#F3FAF5}
.dls-gt-question.is-wrong{border-color:#B94A48;background:#FFF8F7}
.dls-gt-feedback{
  margin-top:.7rem;
  padding:.75rem;
  background:#EFF6F7;
  border-radius:8px;
}
.dls-gt-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}
.dls-gt-result{font-weight:800}
.dls-gt-prevnext{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin:1.3rem 0;
}
.dls-gt-prevnext>:last-child{justify-self:end}
.dls-gc-alltopics-link{margin-top:1.1rem}
@media(max-width:950px){
  .dls-gt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .dls-gt-grid{grid-template-columns:1fr}
  .dls-gt-prevnext{grid-template-columns:1fr}
  .dls-gt-prevnext>*{justify-self:stretch!important}
}