/* JRG · Mobil (bis 720 px). Die Seiten haben viele Inline-Styles, deshalb die !important. */
.jrg-burger,.jrg-more{display:none}
@media (max-width:720px){
  /* Kopfzeile: Logo, Sprache, Start, Menü in einer Zeile */
  .jrg-head{position:relative;flex-wrap:nowrap!important;gap:10px!important;z-index:40}
  .jrg-head > a:first-child{margin-right:auto}
  .jrg-head > a:first-child img{width:40px!important;height:40px!important}
  .jrg-head .jrg-nav{display:none!important}
  .jrg-head.open .jrg-nav{display:flex!important;flex-direction:column;position:absolute;top:calc(100% + 8px);left:-16px;right:-16px;gap:0!important;
    padding:4px 16px 14px;background:#111214;border-top:1px solid #3c3d3f;border-bottom:1px solid #3c3d3f;font-size:14px!important;box-shadow:0 24px 40px rgba(0,0,0,.45)}
  .jrg-head.open .jrg-nav a{padding:15px 0!important;border-bottom:1px solid #26272a}
  .jrg-head.open .jrg-nav a:last-child{border-bottom:0}
  .jrg-head > div{gap:12px!important;flex:0 0 auto;order:2}
  .jrg-head .jrg-burger{order:3}
  .jrg-head .jrg-pill,.jrg-head .pill{padding:12px 14px!important;font-size:11.5px!important;white-space:nowrap}
  .jrg-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;flex:0 0 44px;padding:0 11px;margin-right:-8px;
    border:0;background:transparent;color:inherit;cursor:pointer}
  .jrg-burger span{display:block;height:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .jrg-head.open .jrg-burger span:first-child{transform:translateY(4px) rotate(45deg)}
  .jrg-head.open .jrg-burger span:last-child{transform:translateY(-4px) rotate(-45deg)}

  /* Hero: passt auf einen Bildschirm */
  #top{min-height:100svh!important;gap:28px!important;padding-bottom:28px!important}
  #top > svg[viewBox="0 0 600 600"]{width:340px!important;right:-150px!important;top:-90px!important;opacity:.7}

  /* ARC: Karten nicht übereinander schieben, Buchstaben kleiner */
  #arc div[style*="position: sticky"]{position:relative!important;min-height:0!important;padding-top:22px!important;padding-bottom:26px!important}
  #arc div[style*="font-size: clamp(200px"]{font-size:118px!important}

  /* Work: Liste kompakter */
  .jrg-case{min-height:48px!important;padding:11px 0!important}

  /* Kunden: Filter als wischbare Zeile, Namen kleiner */
  #kunden [role="group"]{flex-wrap:nowrap!important;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #kunden [role="group"]::-webkit-scrollbar{display:none}
  #kunden [role="group"] .jrg-chip{flex:0 0 auto}
  #kunden ul li > span:first-child{font-size:21px!important}
  #kunden ul{gap:4px 16px!important}
  #kunden:not(.all) ul li:nth-child(n+31){display:none!important}
  .jrg-more{display:inline-flex;align-items:center;min-height:44px;margin-top:18px;padding:0 18px;border-radius:999px;border:1px solid #111214;background:transparent;color:#111214;
    font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
  #kunden.all .jrg-more{display:none}

  /* Partner-Tabelle: Karten statt seitlich scrollen */
  #partner table{min-width:0!important;display:block}
  #partner thead{display:none}
  #partner tbody,#partner tr{display:block}
  #partner tr{padding:14px 0 16px}
  #partner td{display:block;padding:2px 0!important;text-align:left!important}
  #partner td:first-child{font-size:28px!important;padding-bottom:4px!important}
  #partner td:nth-child(2){color:#3a3936}
  #partner td:nth-child(3){display:inline-block;padding-top:8px!important;margin-right:14px}
  #partner td:last-child{display:inline-block;padding-top:8px!important}

  /* Standort: großes Wort und Bild kleiner */
  #base > div:first-child img{height:260px!important}

  /* Pricing: Vergleichstabelle ohne seitliches Scrollen */
  table[style*="min-width: 720px"]{min-width:0!important;font-size:13.5px!important;table-layout:fixed}
  table[style*="min-width: 720px"] th,table[style*="min-width: 720px"] td{padding:10px 4px!important;vertical-align:top}
  table[style*="min-width: 720px"] th:first-child,table[style*="min-width: 720px"] td:first-child{width:46%;padding-left:0!important}
  table[style*="min-width: 720px"] th{font-size:10.5px!important;letter-spacing:.04em!important}

  /* Allgemein: große Überschriften nicht über den Rand */
  h1,h2,h3{overflow-wrap:anywhere;hyphens:manual}
}