/* KÖGLER mobil: Fahrzeugschnellsuche im ersten Bildschirm (CC15 Nachtrag 15f, KP105, 2026-10-30, Wunsch Olaf Dicker und Fjodor).
   Nur unter 768 px, Tablet und Desktop unverändert. Reihenfolge nur per CSS, das HTML bleibt (H1 vor der Suche):
   main wird ein einspaltiges Raster, Bühne bzw. Kopfbereich werden mit display:contents aufgelöst, ihre Teile in feste Zeilen gelegt:
   Startseite  1 Plakette, 2 H1 (beide auf dem Foto mit Midnight-Abdunklung), 3 Schnellsuche, 4 bis 7 Kicker, Unterzeile, Knöpfe,
               Schnellzugriff (Midnight-Band), danach die übrigen Abschnitte wie bisher.
   /transporter/ 1 Brotkrumen, 2 H1, 3 Schnellsuche, 4 bis 9 Kicker, Unterzeile, Kennzahlen, Knöpfe, Bild, Pflichtangaben.
   Schnellsuche: Überschrift 20 px, Modell und Kraftstoff bzw. Aufbau nebeneinander, dritter Filter (Erstzulassung bzw. Zustand) als
   eigene Zeile nur bei mindestens 620 px Höhe, sonst ausgeblendet (bleibt im Formular, leer). */
@media (max-width:767px){
  /* ---------- Startseite ---------- */
  main:has(> .stage){display:grid;grid-template-columns:minmax(0,1fr);position:relative}
  main > .stage,main > .stage > .stage__body,.stage .stage__body > .pg-in,.stage .pg-in > div:has(> h1){display:contents}
  .stage .stage__img,.stage .stage__shade{position:absolute;grid-row:1 / 3;grid-column:1;top:0;left:0;right:auto;bottom:auto;width:100%;height:100%;min-height:0;margin:0}
  .stage .stage__img{object-fit:cover}
  .stage .stage__shade{background:rgba(5,20,31,.72)}
  main > .stage .stage__body .kk-badge{grid-row:1;grid-column:1;justify-self:start;align-self:start;margin:16px 20px 8px;position:relative;z-index:1}
  .stage h1{grid-row:2;grid-column:1;margin:0 20px 16px;position:relative;z-index:1}
  main > .stage h1#h-start{font-size:22px;line-height:28px}   /* gegen KP90 (32/38 unter 390, 36/44) */
  main > .stage + #suche{grid-row:3;grid-column:1;padding-top:16px;padding-bottom:16px}
  .stage .stage__body::before{content:"";grid-row:4 / 8;grid-column:1;background:var(--kk-midnight,#05141f)}
  main > .stage .stage__body .t-eyebrow{grid-row:4;grid-column:1;margin:24px 20px 8px;position:relative;z-index:1}
  main > .stage .stage__body .t-lead{grid-row:5;grid-column:1;margin:0 20px 16px;position:relative;z-index:1}
  main > .stage .stage__body .kk-row{grid-row:6;grid-column:1;margin:0 20px 16px;position:relative;z-index:1}
  main > .stage .stage__body .quick-row{grid-row:7;grid-column:1;margin:0 20px 16px;padding-top:0;border-top:0;min-height:0;position:relative;z-index:1}
  main > .stage .stage__body .sl-ctrl{display:none}

  /* ---------- /transporter/ ---------- */
  main:has(> .tp-hero){display:grid;grid-template-columns:minmax(0,1fr)}
  main > .tp-hero,main > .tp-hero > .pg-in,.tp-hero .md-hero__grid,.tp-hero .md-hero__txt{display:contents}
  main > .tp-hero::before{content:"";grid-row:1 / 3;grid-column:1;background:var(--kk-surface-alt,#f7f8f8)}
  main > .tp-hero::after{content:"";grid-row:4 / 10;grid-column:1;background:var(--kk-surface-alt,#f7f8f8)}
  main > .tp-hero .pg-in .ls-crumb{grid-row:1;grid-column:1;margin:16px 20px 8px;position:relative;z-index:1}
  main > .tp-hero .pg-in h1{grid-row:2;grid-column:1;margin:0 20px 16px;font-size:22px;line-height:28px;position:relative;z-index:1}
  main > .tp-hero + #suche{grid-row:3;grid-column:1;padding-top:16px;padding-bottom:16px}
  main > .tp-hero .pg-in .t-eyebrow{grid-row:4;grid-column:1;margin:24px 20px 8px;position:relative;z-index:1}
  main > .tp-hero .pg-in .t-lead{grid-row:5;grid-column:1;margin:0 20px 16px;position:relative;z-index:1}
  main > .tp-hero .pg-in .md-kpi{grid-row:6;grid-column:1;margin:0 20px 16px;position:relative;z-index:1}
  main > .tp-hero .pg-in .md-cta{grid-row:7;grid-column:1;margin:0 20px 16px;position:relative;z-index:1}
  main > .tp-hero .pg-in .md-hero__img{grid-row:8;grid-column:1;margin:0 20px 16px;position:relative;z-index:1}
  main > .tp-hero .pg-in .md-env{grid-row:9;grid-column:1;margin:0 20px 24px;position:relative;z-index:1}

  /* ---------- Schnellsuche (beide Seiten) ---------- */
  main > #suche .st-ss__head{gap:10px}
  main > #suche .st-ss__head h2{font-size:20px;line-height:26px}
  main > #suche .st-ss__form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  main > #suche .st-ss__form > *{grid-column:1 / -1}
  main > #suche .st-ss__form > .kk-field:has(select[name=tsmd_filter_model_key]){grid-column:1;order:0}
  main > #suche .st-ss__form > .kk-field:has(select[name=tsmd_filter_fuel]),
  main > #suche .st-ss__form > .kk-field:has(select[name=tsmd_filter_aufbau]){grid-column:2;order:1}
  main > #suche .st-ss__form > .kk-field:has(select[name=tsmd_filter_registration_from]),
  main > #suche .st-ss__form > .kk-field:has(select[name=tsmd_filter_zustand]){order:2}
  main > #suche .st-ss__form > button{order:3}
}
@media (max-width:767px) and (max-height:619px){
  main > #suche .st-ss__form > .kk-field:has(select[name=tsmd_filter_registration_from]),
  main > #suche .st-ss__form > .kk-field:has(select[name=tsmd_filter_zustand]){display:none}
}