/* Waschanlagen-Uebersicht: responsive Tabelle -> Akkordeon (mobil)
   Datenquelle = Avada [fusion_table] mit <table class="wg-responsive">.
   Desktop-Optik (gelber Kopf #fcd91a, Zebra #fafafa) kommt global von .table-1.
   Akkordeon-Logik hier; JS setzt data-label + .wg-toggle + Klasse .js-wg. */

/* --- Desktop (>=641px): Toggle-Button wie normaler Zelltext --- */
@media (min-width:641px){
  .wg-responsive .wg-toggle{
    display:inline; background:none; border:0; padding:0; margin:0;
    font:inherit; color:inherit; text-align:left; cursor:default;
  }
  .wg-responsive .wg-toggle::after{ display:none; }
}

/* --- Mobil (<=640px): Tabelle -> aufklappbares Akkordeon (nur mit JS: .js-wg) --- */
@media (max-width:640px){
  .wg-responsive.js-wg,
  .wg-responsive.js-wg tbody,
  .wg-responsive.js-wg tr,
  .wg-responsive.js-wg td{ display:block; width:auto; }

  .wg-responsive.js-wg thead{ display:none; }

  .wg-responsive.js-wg tbody tr{ border-top:1px solid #dcdcdc; }
  .wg-responsive.js-wg tbody tr:first-child{ border-top:0; }

  /* Standort-Zelle = gelbe Tappzeile */
  .wg-responsive.js-wg td:first-child{ padding:0 !important; border:0 !important; }
  .wg-responsive .wg-toggle{
    display:block; width:100%; box-sizing:border-box; text-align:left;
    background:#fcd91a; color:#141617; font-family:inherit; font-size:inherit;
    font-weight:700; border:0; padding:13px 44px 13px 16px;
    position:relative; cursor:pointer;
  }
  .wg-responsive .wg-toggle::after{
    content:"+"; position:absolute; right:16px; top:11px;
    font-size:1.3em; line-height:1; color:#141617;
  }
  .wg-responsive tr.is-open .wg-toggle::after{ content:"\2013"; }

  /* Datenzellen: verborgen bis aufgeklappt */
  .wg-responsive.js-wg td:not(:first-child){ display:none; }
  .wg-responsive.js-wg tr.is-open td:not(:first-child){
    display:flex; justify-content:space-between; gap:14px;
    padding:9px 16px !important; border:0 !important; border-top:1px solid #eee !important;
    text-align:right;
  }
  .wg-responsive.js-wg td:not(:first-child)::before{
    content:attr(data-label); font-weight:600; color:#555; text-align:left;
  }
}