/* Below the fixed page width (765px + margins): one column, nothing wider than the screen. Desktop stays untouched. */
html { scroll-padding-top: 0; -webkit-text-size-adjust: 100%; }
#frame_header, #frame_footer { position: static; height: auto; padding: 0; }
#frame_main { padding: 8px 4px 16px; }

/* Header: logo and red line of header.gif (rows 0-49), the menu strip as text links in the same colours. */
#frame_header img { width: 100%; height: auto; aspect-ratio: 765 / 50; object-fit: cover; object-position: top; }
#nav_mobile { display: flex; flex-wrap: wrap; gap: 2px 14px; padding: 6px 8px; background: #999; border-bottom: 4px solid #f00; box-shadow: 0 1px 0 #000;
	font-family: "Times New Roman", Times, serif; font-size: 15px; text-transform: uppercase; letter-spacing: .5px; }
#nav_mobile a { color: #000; text-decoration: none; padding: 4px 0; }

#frame_footer table { width: 100%; }
#frame_footer td { width: auto; padding: 0 8px; }

/* Layout tables (width=760/765, fixed column widths) shrink to the screen; spacer cells shrink to nothing. */
#frame_main table { width: 100% !important; }
#frame_main td { width: auto; }
#frame_main > div > table { border-spacing: 0; }
#frame_main > div > table > tbody > tr > td { padding: 0; }
#frame_main td[width="100"] { width: 24px; } /* PDF icons */

/* Old text bodies: images, wide tables and long URLs. */
#frame_main img { max-width: 100%; height: auto; }
#frame_main img[src="/neu.gif"], #frame_main img[src="/icon_pdf.gif"] { max-width: none; }
#frame_main td td table { display: block; overflow-x: auto; max-width: calc(100vw - 48px); }
#frame_main td { overflow-wrap: anywhere; }
h1 { font-size: 1.5em; }
.klein, .kleinfett { font-size: 12px; }