/* ========== Anpassung für Handy und schmale Bildschirme ==========
   Gilt nur unter 800px Breite. Am Computer bleibt alles wie bisher. */

/* Druckversion unten: nur auf dem Handy sichtbar */
.druck-unten { display: none; }

@media (max-width: 800px) {

  body { margin: 0; }

  /* Tabellen-Gerüst untereinander statt nebeneinander */
  #breite { width: 100%; }
  #breite, #breite > tbody, #breite tr, #breite td,
  #haupt table, #haupt tbody { display: block; width: auto; }

  /* Schatten-Ränder um die Seite weglassen */
  #s1, #s2, #s3, #s4, #s6, #s7, #s8, #s9 { display: none !important; }
  #haupt { border: 0; }

  /* Kopf */
  .rundung_ob, .rundung_un { height: 14px; font-size: 1px; line-height: 1px; }
  #top1 { height: auto; padding: 8px 12px; }
  #top1 div { padding-left: 0 !important; }
  #top1 img { width: 100%; height: auto; display: block; }

  /* Menü als zwei Spalten */
  #inboxli {
    height: auto; padding: 8px 8px 4px;
    background-image: none;
  }
  #inboxli br, #inboxlibreite { display: none; }
  #menu2b { width: 100%; }
  #menu2b > tbody {
    display: grid; grid-template-columns: 1fr 1fr; gap: 4px;
  }
  #menu2b tr:has(.trenn), #menu2b tr:has(.trenn2), #menu2b tr:empty { display: none; }
  #menu2b tr:has(a[href="druck.pdf"]) { display: none; }
  #menu2b td { border: solid 1px #363636; background-color: #252525; }
  #menu2b a, #menu2b a:visited, #menu2b a:active {
    width: auto; height: 34px; line-height: 34px;
    padding-left: 22px; font-size: 14px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }

  /* Druckversion unter dem Inhalt */
  .druck-unten { display: block; padding: 8px; background-color: #1b1b1b; }
  .druck-unten a, .druck-unten a:visited {
    display: block; height: 34px; line-height: 34px;
    border: solid 1px #363636; background-color: #252525;
    color: #787878; text-decoration: none; font-size: 14px;
  }

  /* Inhalt */
  #inboxtext {
    height: auto; width: auto;
    padding: 12px 14px 32px;
    text-align: left; font-size: 16px; line-height: 23px;
    background-image: none;
  }
  #inboxtext img { max-width: 100%; height: auto; }
  .karte iframe { width: 100%; height: 300px; }
  h1 { margin-bottom: 24px; font-size: 21px; letter-spacing: 3px; }
  h2 { margin-bottom: 16px; font-size: 18px; letter-spacing: 1px; }
  .smallnumber { font-size: 22px; }

  /* Fotos in voller Breite, ohne Abschneiden */
  #logo, #logo3, #logo4, #logo5, #logo6 {
    height: auto; background-size: contain; background-position: 50% 50%;
  }
  #logo  { aspect-ratio: 608 / 365; }
  #logo3 { aspect-ratio: 671 / 504; }
  #logo4 { aspect-ratio: 763 / 551; }
  #logo5 { aspect-ratio: 636 / 332; }
  #logo6 { aspect-ratio: 614 / 368; }

  /* Fuß */
  #fuss { height: auto; padding: 5px 6px; font-size: 12px; line-height: 16px; }
  #fussname { display: inline-block; padding: 0; }
  #fussname .kaestchen { display: none; }
}