/* Theme 3.9.11 – Fuhrpark Filter: Tablet = 2 Seiten mit je 4 Filtern
 * Smartphone <=700px: 4 Seiten mit je 2 Filtern (bestehendes Handy-Prinzip).
 * Touch-Tablet 701–1800px: 2 Seiten mit je 4 Filtern.
 * Nicht-Touch-Desktop: klassisches statisches Filterraster.
 */

/* Gemeinsame Wortschutz-Regeln für alle Größen. */
.sf-fleet-filter-349 .sf-fleet-filter-heading-349 h2,
.sf-fleet-filter-349 .sf-fleet-filter-heading-349 h2 em,
.sf-fleet-filter-349 .sf-fleet-filter-heading-349 > p,
.sf-fleet-filter-349 .sf-fleet-filter-control-349 > span {
  writing-mode:horizontal-tb !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

/* Tablet-Modus wird zuverlässig per JS über Touch-Fähigkeit gesetzt. */
@media (min-width:701px) and (max-width:1800px) {
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel {
    width:100% !important;
    max-width:1240px !important;
    margin:0 auto 28px !important;
    padding:clamp(20px,2.3vw,32px) !important;
    /* 3.9.11: wichtigster Querformat-Fix. Das alte .fleet-filter ist ein
       dreispaltiges Desktop-Grid. Im Tablet-Modus muss der komplette Block
       zwingend wieder einspaltig/untereinander laufen. */
    display:block !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    grid-auto-flow:row !important;
    gap:0 !important;
    align-items:stretch !important;
    justify-items:stretch !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel > *,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel > * {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    grid-column:1 / -1 !important;
    box-sizing:border-box !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-heading-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-heading-349 {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px !important;
    margin:0 0 16px !important;
    align-items:start !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-heading-349 h2,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-heading-349 h2 {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:clamp(44px,5vw,68px) !important;
    line-height:.98 !important;
    letter-spacing:-.04em !important;
    white-space:normal !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-heading-349 h2 em,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-heading-349 h2 em {
    display:inline !important;
    white-space:normal !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-heading-349 > p,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-heading-349 > p {
    max-width:680px !important;
    margin:0 !important;
    font-size:14px !important;
    line-height:1.55 !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-heading-349::after,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-heading-349::after {
    content:"TECHNIK  •  TRADITION  •  GEMEINSCHAFT" !important;
    position:static !important;
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
    height:auto !important;
    margin:5px 0 0 !important;
    padding:9px 13px !important;
    border:1px solid rgba(19,41,31,.22) !important;
    border-radius:999px !important;
    background:rgba(255,253,248,.72) !important;
    color:#33483e !important;
    font-size:9px !important;
    font-weight:900 !important;
    line-height:1.3 !important;
    letter-spacing:.07em !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    box-sizing:border-box !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-mobile-help-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-mobile-help-349 {
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 0 14px !important;
    padding:12px 14px !important;
    border:1px solid rgba(190,145,38,.48) !important;
    background:#f8f2df !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-swipe-icon-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-swipe-icon-349 {
    display:grid !important;
    place-items:center !important;
    width:42px !important;
    height:42px !important;
    border:1px solid #d2a42f !important;
    background:#123428 !important;
    color:#fff !important;
    font-size:20px !important;
    font-weight:800 !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-mobile-help-349 p,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-mobile-help-349 p {
    margin:0 !important;
    min-width:0 !important;
    width:auto !important;
    font-size:14px !important;
    line-height:1.45 !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-controls-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-controls-349 {
    display:grid !important;
    grid-template-columns:44px minmax(64px,auto) 44px !important;
    align-items:center !important;
    border:1px solid #d2a42f !important;
    background:#123428 !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-controls-349 button,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-controls-349 button {
    width:44px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-size:20px !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-controls-349 button:disabled,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-controls-349 button:disabled {
    opacity:.28 !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-controls-349 > span,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-controls-349 > span {
    min-height:44px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 10px !important;
    border-left:1px solid rgba(210,164,47,.45) !important;
    border-right:1px solid rgba(210,164,47,.45) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:800 !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-fields-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-fields-349 {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-pages-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-pages-349 {
    width:100% !important;
    display:flex !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:16px !important;
    border:1px solid rgba(19,41,31,.14) !important;
    background:rgba(255,253,248,.94) !important;
    scroll-snap-type:x mandatory !important;
    scroll-behavior:smooth !important;
    overscroll-behavior-x:contain !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
    box-sizing:border-box !important;
  }
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-pages-349::-webkit-scrollbar,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-pages-349::-webkit-scrollbar { display:none !important; }

  /* Zwei vorhandene 2er-Gruppen nebeneinander = 4 Filter pro sichtbarer Tablet-Seite. */
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-349 {
    flex:0 0 calc((100% - 14px)/2) !important;
    width:calc((100% - 14px)/2) !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-content:start !important;
    gap:14px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-sizing:border-box !important;
    scroll-snap-align:none !important;
  }
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-349:nth-child(odd),
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-349:nth-child(odd) {
    scroll-snap-align:start !important;
    scroll-snap-stop:always !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-control-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-control-349 {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-control-349 > span,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-control-349 > span {
    display:block !important;
    min-height:18px !important;
    margin:0 0 7px !important;
    color:#35483f !important;
    font-size:11.5px !important;
    line-height:1.3 !important;
    font-weight:850 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
  }
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-control-349 select,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-control-349 select {
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:58px !important;
    padding:0 42px 0 15px !important;
    font-size:15px !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    box-sizing:border-box !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-actions-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-actions-349 {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:14px 20px !important;
    align-items:center !important;
    margin:16px 0 0 !important;
  }
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-actions-349 .button,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-actions-349 .button {
    width:100% !important;
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-actions-349 .text-link,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-actions-349 .text-link {
    min-width:max-content !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  body.post-type-archive-fahrzeug .subpage-section,
  body.post-type-archive-gastfahrzeug .subpage-section {
    padding-left:clamp(24px,4vw,68px) !important;
    padding-right:clamp(24px,4vw,68px) !important;
  }
}

/* 3.9.11 – Tablet Querformat: dieselbe klare Hierarchie wie hochkant,
   aber die verfügbare Breite wird für 4 Filter pro Seite genutzt. */
@media (min-width:981px) and (max-width:1800px) {
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel.is-tablet-landscape,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel.is-tablet-landscape {
    max-width:1280px !important;
    padding:28px 30px !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel.is-tablet-landscape .sf-fleet-filter-heading-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel.is-tablet-landscape .sf-fleet-filter-heading-349 {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:9px !important;
    margin-bottom:16px !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel.is-tablet-landscape .sf-fleet-filter-heading-349 h2,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel.is-tablet-landscape .sf-fleet-filter-heading-349 h2 {
    max-width:900px !important;
    font-size:clamp(48px,4.1vw,66px) !important;
    line-height:.98 !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel.is-tablet-landscape .sf-fleet-filter-mobile-help-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel.is-tablet-landscape .sf-fleet-filter-mobile-help-349 {
    grid-template-columns:42px minmax(280px,1fr) auto !important;
    width:100% !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel.is-tablet-landscape .sf-fleet-filter-pages-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel.is-tablet-landscape .sf-fleet-filter-pages-349 {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }

  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel.is-tablet-landscape .sf-fleet-filter-actions-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel.is-tablet-landscape .sf-fleet-filter-actions-349 {
    grid-template-columns:minmax(0,1fr) auto !important;
    width:100% !important;
  }
}

/* Hochformat: Hilfe und Aktionen etwas platzsparender. */
@media (min-width:701px) and (max-width:980px) {
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel { padding:20px !important; }
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-heading-349 h2,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-heading-349 h2 { font-size:clamp(42px,7vw,58px) !important; }
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-mobile-help-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-mobile-help-349 {
    grid-template-columns:42px minmax(0,1fr) !important;
  }
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-controls-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-page-controls-349 {
    grid-column:1 / -1 !important;
    width:max-content !important;
  }
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-actions-349,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-actions-349 {
    grid-template-columns:1fr !important;
  }
  body.post-type-archive-fahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-actions-349 .text-link,
  body.post-type-archive-gastfahrzeug .sf-fleet-filter-349.is-tablet-carousel .sf-fleet-filter-actions-349 .text-link {
    justify-self:center !important;
  }
}

/* Desktop explizit statisch halten, falls ein vorheriger Modus nach Resize Klassen hinterlässt. */
.sf-fleet-filter-349.is-desktop-filter-grid .sf-fleet-filter-mobile-help-349 { display:none !important; }
