/* ============================================================
   UO World – Archiv-Neuauflage 2026
   Ergänzungen zum Original-Stylesheet + Responsive-Verhalten
   ============================================================ */

img { border: none; }
#inhalt img { max-width: 100%; height: auto; }
#inhalt { overflow-wrap: break-word; }

/* Inhaltsbox (Nachbau der alten rb1–rb9-Tabellengrafiken) */
.cbox { margin: 0 0 14px 0; }
.cbox-in {
  background-color: #ffffff;
  background-image:
    url(../images/rb1.gif), url(../images/rb3.gif),
    url(../images/rb7.gif), url(../images/rb9.gif),
    url(../images/rb2.gif), url(../images/rb8.gif),
    url(../images/rb4.gif), url(../images/rb6.gif);
  background-position:
    left top, right top,
    left bottom, right bottom,
    left top, left bottom,
    left top, right top;
  background-repeat:
    no-repeat, no-repeat,
    no-repeat, no-repeat,
    repeat-x, repeat-x,
    repeat-y, repeat-y;
  padding: 20px 16px 18px 12px;
}

/* Zierbox (orna1-Rahmen, FSS-Sektionskopf) */
.obox { margin: 0 0 6px 0; }
.obox-in {
  background-color: #ffffff;
  background-image:
    url(../images/orna1_1.gif), url(../images/orna1_3.gif),
    url(../images/orna1_7.gif), url(../images/orna1_9.gif),
    url(../images/orna1_2.gif), url(../images/orna1_8.gif),
    url(../images/orna1_4.gif), url(../images/orna1_6.gif);
  background-position:
    left top, right top,
    left bottom, right bottom,
    left top, left bottom,
    left top, right top;
  background-repeat:
    no-repeat, no-repeat,
    no-repeat, no-repeat,
    repeat-x, repeat-x,
    repeat-y, repeat-y;
  padding: 16px 18px;
  font-size: 11px;
}

#inhalt h1 { font-size: 1.5em; color: #133D00; font-variant: small-caps; margin: 0 0 10px 0; }
#inhalt h2.newstitle { margin: 0 0 4px 0; font-size: 13px; }
.newsmeta  { font-size: 10px; color: #666; margin: 0 0 8px 0; }
.newsviews { font-size: 10px; color: #888; text-align: right; margin: 8px 0 0 0; }
.news_content { font-size: 11px; line-height: 1.5; }
.news_content ul, .archivliste, .linkliste, .dlliste { margin-left: 20px; }
.archivliste li, .linkliste li, .dlliste li { margin-bottom: 4px; font-size: 11px; }
.dlliste li { margin-bottom: 10px; }
.dlsize { color: #666; font-size: 10px; }

.pagenav { text-align: center; font-size: 11px; margin: 12px 0; color: #C3DF7D; }
.pagenav a { color: #ffffff; }

/* Galerie */
.galerie { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
.galerie figure { margin: 0; text-align: center; }
.galerie img { width: 120px; height: auto; }
.galerie figcaption { font-size: 10px; margin-top: 3px; }

/* Freeshard-Tabellen */
.tablewrap { overflow-x: auto; }
table.fss { width: 100%; border-collapse: collapse; font-size: 11px; }
table.fss th, table.fss td { border: 1px solid #C3DF7D; padding: 4px 7px; text-align: left; }
table.fss th { background: #C3DF7D; color: #133D00; }
table.detail { border-collapse: collapse; font-size: 11px; margin: 8px 0 14px 0; }
table.detail th { text-align: left; padding: 3px 14px 3px 0; vertical-align: top;
                  white-space: nowrap; color: #133D00; font-size: 11px; }
table.detail td { padding: 3px 0; }
.detail_content { font-size: 11px; line-height: 1.5; }
.screens { display: flex; flex-wrap: wrap; gap: 10px; }

/* Navigation: <details> – auf dem Desktop immer offen, Umschalter versteckt */
#navigation_inhalt summary { display: none; }
#navigation_inhalt details > ul { margin-left: 15px; }

/* Fußzeile */
#fusszeile {
  width: 98%; max-width: 960px; margin: 0 auto; padding: 12px 0 6px 0;
  text-align: center; font-size: 11px; color: #C3DF7D;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#fusszeile a { color: #ffffff; }

/* ============================================================
   Mobil / schmale Fenster: Layout linearisieren
   ============================================================ */
@media (max-width: 859px) {
  body { padding: 0; }
  #seite, #kopfteil, #hauptteil, #inhalt, #fussteil { min-width: 0; }
  #seite { width: 100%; background-image: none; }
  #hauptteil { background-image: none; }

  /* Grafikleisten ausblenden (Funktionen stecken in der Navigation) */
  #kopfteil_navigation, #kopfteil_collage, #sidebar,
  #navigation_logo1, #navigation_logo2, #navigation_logo3,
  #navigation_bottom, #fussteil, #kopfteil_logo_rechts { display: none; }

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

  /* Navigation als ausklappbarer Block über dem Inhalt */
  #navigation { float: none; width: auto; }
  #hauptnavigation { background-image: none; background-color: #C3DF7D; }
  #navigation_inhalt summary {
    display: block; cursor: pointer; font-weight: bold;
    font-family: Arial, sans-serif; font-size: 13px; padding: 8px 12px;
    text-transform: uppercase; color: #133D00;
  }
  #navigation_inhalt details > ul { margin: 0 0 0 15px; padding-bottom: 10px; }

  #inhalt { margin: 0; min-width: 0; padding: 10px 8px; }
  #inhalt table { width: 100% !important; height: auto !important; }
  #inhalt td, #inhalt th { word-break: normal; }
  .cbox-in, .obox-in { padding: 14px 10px; }
}

/* ============================================================
   Foren-Archiv
   ============================================================ */
.hinweisbox { background: #FFFFFF; border: 2px solid #C3DF7D; padding: 10px 14px;
              font-size: 11px; line-height: 1.5; margin: 0 0 14px 0; }
.crumbs { font-size: 11px; margin: 0 0 10px 0; color: #C3DF7D; }
.crumbs a { color: #ffffff; }
table.forum td .forumdesc { font-size: 10px; color: #555; }
table.forum th[colspan] { background: #133D00; color: #ffffff; }
table.forum td.tnum, table.forum th.tnum { text-align: center; white-space: nowrap; }
.fpost { border: 1px solid #C3DF7D; margin: 0 0 14px 0; }
.fpost-head { background: #C3DF7D; color: #133D00; padding: 4px 8px; font-size: 11px; }
.fpost-date { float: right; font-weight: normal; }
.fpost-body { padding: 8px 10px; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.extimg { color: #777; font-style: italic; }