/* TS24 – mobile Optimierungen (Plugin TS24 Kursliste) */

/* ── Aufklappbare Themen im Schulungsberater (alle Breiten) ── */
.ts24-b2bp-choices-list.ts24kl-grouped{display:block}
.ts24kl-acc{border:1px solid #e3e5ec;border-radius:10px;background:#fff;margin:0 0 10px;overflow:hidden}
.ts24kl-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:700;font-size:15px;color:#1b2140}
.ts24kl-acc>summary::-webkit-details-marker{display:none}
.ts24kl-acc>summary small{font-weight:500;font-size:12.5px;color:#7a8099}
.ts24kl-acc>summary em{font-style:normal;font-size:12px;font-weight:700;color:#fff;background:#c8102e;border-radius:999px;padding:2px 9px;margin-left:auto}
.ts24kl-acc>summary em:empty{display:none}
.ts24kl-acc>summary::after{content:"";width:9px;height:9px;border-right:2px solid #1b2140;border-bottom:2px solid #1b2140;transform:rotate(45deg);margin-left:auto;transition:transform .2s;flex:none}
.ts24kl-acc>summary em+*,.ts24kl-acc>summary em:not(:empty)~::after{margin-left:0}
.ts24kl-acc>summary em:not(:empty){margin-right:10px}
.ts24kl-acc[open]>summary::after{transform:rotate(-135deg)}
.ts24kl-acc[open]>summary{border-bottom:1px solid #eef0f4}
.ts24kl-acc-body{padding:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}

@media (max-width:640px){

  /* weniger Leerraum zwischen den Bereichen */
  .ts24-section{padding-top:40px;padding-bottom:40px}
  .ts24-section-head{margin-bottom:22px}

  /* ── Startseite: Top-Kurse als Slider ── */
  .home .ts24-course-grid{display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin-left:calc(-1 * var(--ts24-gutter));margin-right:calc(-1 * var(--ts24-gutter));padding:6px var(--ts24-gutter) 14px;scroll-padding-left:var(--ts24-gutter);scrollbar-width:none}
  .home .ts24-course-grid::-webkit-scrollbar{display:none}
  .home .ts24-course-grid>.ts24-course-card{flex:0 0 84%;max-width:330px;scroll-snap-align:start}
  .home .ts24-course-grid>.ts24-course-card:hover{transform:none}
  .home .ts24-course-card-thumb{aspect-ratio:16/8}
  .home .ts24-course-card-body{padding:14px 16px 16px}
  .home .ts24-course-card-title{font-size:17px;margin-bottom:4px}
  .home .ts24-course-card-tagline{margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  /* nur Dauer zeigen, Zielgruppe ausblenden */
  .home .ts24-course-card-info{margin:0 0 6px;padding:0;border:0}
  .home .ts24-course-card-info-row{padding:6px 0;align-items:center;gap:8px}
  .home .ts24-course-card-info-row+.ts24-course-card-info-row{display:none}
  .home .ts24-course-card-info-icon{width:28px;height:28px;min-width:28px}
  .home .ts24-course-card-info-icon svg{width:15px;height:15px}
  .home .ts24-course-card-info-body{display:flex;align-items:baseline;gap:6px}
  .home .ts24-course-card-info-body strong{font-size:11px}
  .home .ts24-course-card-info-body p{margin:0;font-size:14px}
  .home .ts24-course-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px}
  .home .ts24-course-card-cta{font-size:0;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
  .home .ts24-course-card-cta::before{content:"Kurs buchen";font-size:14px}
  .home .ts24-view-all{margin-top:18px}

  /* ── Startseite: drei Vorteile nebeneinander, ohne Fließtext ── */
  .home .ts24-why-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .home .ts24-why-band-tape{grid-column:1/-1}
  .home .ts24-why-row{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px 6px;border-top:0!important}
  .home .ts24-why-row+.ts24-why-row{border-left:1px solid var(--ts24-line)}
  .home .ts24-why-row-body p,.home .ts24-why-row-stat{display:none}
  .home .ts24-why-row-body h3{font-size:12px;line-height:1.25;margin:0;hyphens:auto;overflow-wrap:anywhere}

  /* ── Startseite: drei Schritte nebeneinander, ohne Fließtext ── */
  .home .ts24-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .home .ts24-step{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px 6px}
  .home .ts24-step-body p{display:none}
  .home .ts24-step-body h3{font-size:12px;line-height:1.25;margin:0;hyphens:auto;overflow-wrap:anywhere}

  /* ── Kursseite: Vorteile und Filter nebeneinander ── */
  /* Vorteile links untereinander, Team-Lizenzen rechts daneben */
  .ts24-catalog-hero-grid{display:grid!important;grid-template-columns:minmax(0,118px) minmax(0,1fr);gap:14px 12px;align-items:center}
  .ts24-catalog-hero-text{display:contents}
  .ts24-catalog-hero-text>*{grid-column:1/-1;min-width:0}
  .ts24-catalog-hero-text>.ts24-catalog-usps{grid-column:1;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:14px;margin:0}
  .ts24-catalog-usps li{flex:none;flex-direction:row;align-items:center;text-align:left;gap:8px;font-size:12px;line-height:1.25;white-space:normal}
  .ts24-catalog-usp-icon{flex:none}
  .ts24-catalog-team{grid-column:2;min-width:0;margin:0!important;padding:14px 14px 16px!important;border-radius:12px}
  .ts24-catalog-team-eyebrow{font-size:10.5px;margin-bottom:4px}
  .ts24-catalog-team h2,.ts24-catalog-team h3,.ts24-catalog-team strong{font-size:16px;line-height:1.2}
  .ts24-catalog-team p{font-size:12.5px;line-height:1.4;margin:6px 0 10px}
  .ts24-catalog-team .ts24-btn{display:block;width:100%;box-sizing:border-box;padding:9px 6px;font-size:11.5px;line-height:1.25;text-align:center;white-space:normal}
  .ts24-catalog-team-burst{display:none}
  .ka-root .ka-bar-row{flex-wrap:wrap;gap:8px;min-width:0}
  .ka-root .ka-search{flex:1 1 100%}
  .ka-root .ka-select{flex:1 1 0;min-width:0;max-width:none;font-size:12px;padding:0 24px 0 8px;background-position:right 7px center;height:40px;text-overflow:ellipsis}
  .ka-root .ka-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0;max-width:100%;padding-bottom:2px}
  .ka-root .ka-chips::-webkit-scrollbar{display:none}
  .ka-root .ka-chip{flex:none;white-space:nowrap}
  .ka-root .ka-group-head span{white-space:nowrap}
  /* Modulzahl auf dem Handy ausblenden */
  .ka-root .ka-norm{display:none}
  .ka-root .ka-row{grid-template-areas:"thumb text price" "thumb meta price"}

  /* ── Über uns ── */
  .ts24-manifest-list>li{display:block!important;position:relative;padding:18px 16px!important}
  .ts24-manifest-list>li>*{grid-column:auto}
  .ts24-manifest-idx{display:inline-block;font-size:26px!important;line-height:1;margin-bottom:6px}
  .ts24-manifest-list>li::after{display:none!important}
  .ts24-manifest-list h3{font-size:18px;margin-bottom:6px}
  /* Teilnehmerstimmen als Slider statt langer Liste */
  .ts24-testimonials-grid{display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-left:calc(-1 * var(--ts24-gutter));margin-right:calc(-1 * var(--ts24-gutter));padding:4px var(--ts24-gutter) 12px;scroll-padding-left:var(--ts24-gutter);scrollbar-width:none}
  .ts24-testimonials-grid::-webkit-scrollbar{display:none}
  .ts24-testimonials-grid>*{flex:0 0 84%;max-width:330px;scroll-snap-align:start}

  /* ── Für Unternehmen ── */
  .ts24-b2bp .ts24-why-row{padding:16px 14px;gap:12px}
  .ts24-b2bp .ts24-why-row-body p{font-size:14px;line-height:1.5}
  .ts24-b2bp-steps{grid-template-columns:1fr 1fr!important;gap:10px}
  .ts24-b2bp-steps>li{padding:14px 12px!important}
  .ts24-b2bp-steps>li h3{font-size:14.5px}
  .ts24-b2bp-steps>li p{font-size:12.5px;line-height:1.45}
  .ts24-b2bp-choice-desc{display:none}
  .ts24kl-acc-body{grid-template-columns:1fr;padding:10px;gap:8px}
  .ts24kl-acc>summary{padding:12px 14px;font-size:14.5px}

  /* ── Kontakt ── */
  .ts24-contact .ts24-section-head{margin-bottom:16px}
  .ts24-contact-info{gap:12px}
  .ts24-contact-tile{padding:10px 12px}
}