/* === Exakte 1100px, aber auf Handy mittig anzeigen === */
@media (max-width: 1400px) {
  html, body {
    margin: 0;
    padding: 0;
    overflow-x: auto;            /* falls breitere Elemente auftauchen, nicht abschneiden */
    text-align: center;          /* Trick, um den Container mittig zu bekommen */
  }

  /* Der Board-Container hat feste Breite und wird wie ein Inline-Element zentriert */
  #container {
    width: 1100px !important;
    max-width: none !important;
    margin: 0 !important;        /* auto ist hier egal, wir zentrieren über text-align */
    display: inline-block !important;
    text-align: left !important; /* Inhalt im Container wieder normal linksbündig */
    float: none !important;      /* falls ein Theme float gesetzt hat */
  }

  /* Tabellen im Kopf/Statistik nicht seitlich „verziehen“ lassen */
  .headibix table,
  .statbox table {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
}



/* 1) Mobile Text-Inflation ausschalten */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
/* Falls nötig – nur im Kopf strikt deaktivieren */
.headie, .headibix, .headibix * {
  -webkit-text-size-adjust: none;  /* iOS/Android: keinerlei Auto-Vergrößerung im Header */
  text-size-adjust: none;
}

/* 2) Kein Clipping im Kopfbereich */
.headie, .headibix, .headsub, .linkback {
  overflow: visible !important;
}

/* 3) Sicherstellen, dass der 1100px-Container mittig bleibt (aus vorheriger Lösung) */
@media (max-width: 1400px) {
  html, body { margin:0; padding:0; overflow-x:auto; text-align:center; }
  #container {
    width:1100px !important; max-width:none !important;
    display:inline-block !important; margin:0 !important;
    text-align:left !important; float:none !important;
  }
}

/* 4) Feintuning NUR auf echten Phones (weil width=1100 Media-Queries sonst nicht triggern) */
@media only screen and (max-device-width: 820px) {
  /* leichte Dämpfung der Header-Schrift, ohne Layout zu verändern */
  .headie a { font-size: 0.95em; }
  .headsub { font-size: 0.95em; }
  .linkback a { line-height: 1.2; white-space: normal; }
}



@media (max-width: 820px) {
  .headsub {
    display: none !important;
  }
}


@media screen and (max-device-width: 820px) {
    html, body {
        overflow-x: hidden;
    }
}