@media (max-width: 640px) {

  
  .ki-netz { height: 84px; }
  body.ki-band-platz main.ag-wrap { padding-top: 92px; }
  
  .kn-gross { left: 10px; right: auto; bottom: 8px; top: auto; min-height: 44px;
    padding: 0 14px; opacity: 1; }
  .gs-buehne .kn-gross { left: 6px; right: auto; top: auto; bottom: 6px; }

  
  .ag-zurueck { margin-bottom: 6px; }
  .ag-zurueck a { display: inline-flex; align-items: center; min-height: 44px;
    padding-right: 12px; font-size: 15px; }
  .ag-kopf { padding: 10px 12px; margin-bottom: 10px; gap: 6px 10px;
    border-radius: var(--r-md, 12px); }
  .ag-kopf h1 { font-size: 18px; }
  
  .ag-kopf .ag-untertitel { display: none; }
  .ag-schalter { margin-left: auto; font-size: 13.5px; gap: 8px; }
  .ag-schalter button { min-height: 44px; }

  
  html.ki-eingebettet .ag-zurueck,
  html.ki-eingebettet .ag-kopf > div:first-child { display: none; }
  html.ki-eingebettet .ag-kopf { justify-content: flex-end; }
  html.ki-eingebettet .ag-schalter { margin-left: 0; width: 100%;
    justify-content: space-between; }

  
  .ck { padding: 10px 12px; }
  .ck-glocke { min-height: 44px; }
  .ck-bericht { display: -webkit-box; -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; margin: 6px 0 0;
    line-height: 1.5; cursor: pointer; }
  .handy-offen .ck-bericht { display: block; -webkit-line-clamp: none; line-clamp: none; }
  .as-spur { padding: 9px 12px; cursor: pointer; }
  
  .as-spur { position: static; box-shadow: none; }
  body.ki-band-platz .as-spur.arbeitet { position: sticky; top: 84px; z-index: 20;
    box-shadow: 0 2px 8px rgba(0,0,0,.06); }
  .as-spur.ruht .as-unten { display: none; }
  .handy-offen .as-spur.ruht .as-unten { display: block; }

  
  .ag-reiter { grid-template-columns: repeat(3, 1fr); margin-bottom: 12px; }
  .ag-reiter button { min-height: 46px; padding: 8px 6px; text-align: center;
    font-size: 13.5px; line-height: 1.25; }
  .ag-reiter button[data-gruppenstart="ja"] { padding-left: 6px; }
  .ag-unterreiter { grid-template-columns: 1fr 1fr; margin-top: -6px; }

  
  .gs-kopf { gap: 8px; margin-bottom: 8px; }
  .gs-kopf > .gs-fenster, .gs-kopf > .gs-lern { flex: 1 1 100%; padding: 8px 10px; }
  .gs-kopf select, .gs-kopf button { min-height: 44px; }
  .gs-eingabe { padding: 8px 0 max(6px, env(safe-area-inset-bottom)); }
  .gs-eingabe textarea { min-height: 52px; height: 52px; padding: 10px; font-size: 16px; }
  .gs-eingabe textarea:focus { height: 96px; }
  .gs-eingabe-zeile { margin-top: 6px; }
  
  .gs-eingabe-zeile .hilfe { order: 3; }
  .gs-eingabe-zeile button { flex: 1 1 auto; min-height: 46px; padding: 0 14px; }
  .gs-eingabe-zeile #gs-senden { flex: 2 1 auto; }
  #gs-ms-frage { padding: 8px 10px !important; margin-bottom: 6px !important; }
  #gs-ms-frage button { min-height: 44px !important; flex: 1 1 auto; }
  .gs-sp-hinweis { margin-top: 4px; font-size: 12.5px; }
  .gs-sp-hinweis button { min-height: 44px; }
  
  .gs-buehne textarea, .gs-buehne textarea:focus { height: auto; min-height: 84px; }
  .gs-eingabe.gs-buehne { padding: 10px 12px max(12px, env(safe-area-inset-bottom)); }

  
  .ag-wrap button, .ag-wrap select, .ag-wrap input[type="text"],
  .ag-wrap input[type="email"], .ag-wrap input[type="number"],
  .ag-wrap input:not([type]) { min-height: 44px; }
  .ag-wrap input, .ag-wrap select, .ag-wrap textarea { font-size: 16px; }
  .vg-aktionen { gap: 8px; }

  
  #lang-switch-auto button { min-height: 36px; min-width: 40px; }

  
  body.gs-voll .ag-kopf { margin-bottom: 8px; }
  body.gs-voll #lampe-text { display: none; }
  body.gs-voll .ag-zurueck { margin-bottom: 2px; }
  body.gs-voll .ag-reiter { margin-bottom: 8px; }
  body.gs-voll .gs-kopf > .gs-fenster { padding: 4px 8px; }
  body.gs-voll .gs-feldzeile > textarea { height: 56px; }
  body.gs-voll .gs-feldzeile > textarea:focus { height: 72px; }
  
  .gs-maskottchen { width: 42px; height: 56px; }
  .gs-feldzeile { gap: 6px; }
  .gs-fg-leiste { padding: 5px 8px; gap: 6px; }
  .gs-fg-leiste button { min-height: 44px; flex: 1 1 auto; padding: 0 10px; }
  .gs-fg-text { flex: 1 1 100%; }
  body.gs-voll #inhalt-bereich > .ag-hinweis { padding: 6px 10px; line-height: 1.35; }
}


@media (max-width: 350px) {
  .ag-reiter { grid-template-columns: 1fr 1fr; }
}