/* Mobilvisning, 25-09-2026. Rammer kun skaerme under 900 px, saa
   skrivebordsvisningen er uaendret. Klassenavnene er sitets egne. */
@media (max-width: 900px) {
  html { -webkit-text-size-adjust: 100%; }
  body { margin: 0; padding: 0; overflow-x: hidden; }

  /* de faste bredder fra 2013 bliver flydende */
  .outer, .inner, .header, .banner, .menu, .content, .footer,
  #logo, .logo, h1, h2, h3 {
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }
  .inner, .outer { padding-left: 8px !important; padding-right: 8px !important; }

  /* menuen bliver knapper der kan rammes med en finger */
  .menu { text-align: center; }
  .menu a {
    width: auto !important;
    display: inline-block;
    padding: 10px 12px;
    line-height: 1.4;
  }

  /* spillisten: tabellen fylder skaermen og maa bryde */
  table, table.games { width: 100% !important; max-width: 100% !important; }
  table.games td { word-break: break-word; }
  td[width] { width: auto !important; }

  img { max-width: 100%; height: auto; }

  /* selve spillet skaleres ned i stedet for at blive klippet af */
  embed, object, ruffle-embed, ruffle-object, ruffle-player, canvas {
    max-width: 100% !important;
  }
  ruffle-embed, ruffle-object { width: 100% !important; height: auto !important; }

  /* kolonner side om side stables */
  div[style*="float:left"], div[style*="float: left"],
  div[style*="float:right"], div[style*="float: right"] {
    float: none !important;
    width: auto !important;
  }
  div[style*="width:230px"], div[style*="width: 230px"],
  div[style*="width:200px"], div[style*="width: 200px"] { width: auto !important; }

  ins.adsbygoogle, iframe { max-width: 100% !important; }

  /* kommentarfelt og andre indlejrede rammer skal ogsaa holde sig indenfor */
  iframe, iframe[width], .fb-comments, .fb-comments span, .fb-comments iframe,
  .boxes, .box, .comments {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  .boxes, .box { margin-left: 0 !important; margin-right: 0 !important; }
  * { max-width: 100%; }
  img, embed, object, ruffle-embed, ruffle-object { height: auto; }

}