@media (min-width: 601px) and (max-width: 1024px){
  .ju-topbar{display:grid;grid-template-columns:1fr;align-items:start}.ju-userbox{text-align:left;grid-template-columns:repeat(3,auto);align-items:center;justify-content:start}.hero-panel,.grid.two{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-layout{grid-template-columns:300px 1fr}.messages{max-height:470px}.panel{padding:19px}.ju-shell{width:min(960px,94vw)}
}
@media (min-width: 601px) and (max-width: 1024px){
  .random-panel{align-items:flex-start}.ju-footer{display:grid;gap:8px}.blocked-item{grid-template-columns:48px 1fr}.blocked-item .secondary-btn{grid-column:1 / -1;width:100%}
}


.voice-panel { flex-wrap: wrap; }

/* v3.9 Online-Kontakte tablet */
@media (min-width: 721px) and (max-width: 1100px){.online-contact{min-width:210px}.online-contacts{gap:8px}}

/* v4.0 Jarvis Connect tablet */
@media (max-width: 1180px){.ju-page-grid{grid-template-columns:1fr;width:min(1020px,94vw)}.connect-sticky{position:relative;top:auto}.connect-online-list{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-games{grid-template-columns:repeat(3,minmax(0,1fr))}.connect-actions .small-btn{flex:1 1 auto}}

/* v4.1 tablet: rechter Container nicht mehr ausufern lassen */
@media (min-width: 721px) and (max-width: 1180px){
  body .connect-aside{width:100%;max-width:100%;justify-self:stretch}
  .connect-sticky{max-height:none;overflow:visible}
}
