/* Gemeinsame Regeln für alle Seiten – nur was Handy-Tauglichkeit braucht, Original-Look bleibt */
img { max-width: 100%; height: auto; }
table { max-width: 100%; }
body { overflow-wrap: anywhere; }
marquee { max-width: 100%; }
a:focus-visible, summary:focus-visible { outline: 2px solid #ffff00; outline-offset: 2px; }

/* Ersatz für <font size=1..7> */
.f1 { font-size: x-small; } .f2 { font-size: small; } .f3 { font-size: medium; }
.f4 { font-size: large; } .f5 { font-size: x-large; }
.f6 { font-size: clamp(24px, 6vw, 32px); } .f7 { font-size: clamp(28px, 8vw, 48px); }

/* Menü-Layout (frühere index.php) */
.layout-menu { margin: 0; background: #000 url(/stars.jpg); color: #fff; }
.layout-menu a { color: #5580ff; text-decoration: underline; }
.layout-menu a:hover { color: #fff; text-decoration: none; background: #0f1850; }
.layout-menu .banner img { display: block; width: 100%; max-width: 600px; }
.layout-menu .wrap { display: flex; align-items: flex-start; }
.layout-menu nav { flex: 0 0 170px; background: url(/menubg.jpg) repeat-y; font-family: Arial, Helvetica, sans-serif; }
.layout-menu nav::before { content: ""; display: block; height: 19px; background: url(/menutop.jpg) no-repeat; }
.layout-menu nav::after { content: ""; display: block; height: 19px; background: url(/menubottom.jpg) no-repeat; }
.layout-menu nav ul { list-style: none; margin: 0; padding: 0 6px 6px; }
.layout-menu nav a { display: block; color: #3366ff; text-decoration: none; font-size: 16px; line-height: 1.2; }
.layout-menu nav a:hover { color: #fff; }
.layout-menu nav a.autor { color: #ffff00; margin-top: 1em; }
.layout-menu main { flex: 1; min-width: 0; padding: 20px; }
.layout-menu .credit { text-align: right; margin: 0 8px 8px; }

@media (max-width: 760px) {
  .layout-menu .wrap { flex-direction: column; }
  .layout-menu nav { flex: none; width: 100%; background: #0a1030; border-block: 1px solid #22305a; }
  .layout-menu nav::before, .layout-menu nav::after { display: none; }
  .layout-menu nav ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 0 12px; padding: 8px 16px; }
  .layout-menu nav a { display: flex; align-items: center; min-height: 44px; font-size: 17px; }
  .layout-menu nav a.autor { margin-top: 0; }
  .layout-menu main { padding: 20px 16px; }
}