/* Mobile Ansicht unterhalb der festen Seitenbreite. Eingebunden per <link media="(max-width: …)"> im Layout,
   die Desktop-Ansicht bleibt dadurch unveraendert. Alt-CSS-Dateien nicht anfassen. */

html { overflow-y: auto; -webkit-text-size-adjust: 100%; }
#page { width: auto; margin: 0; }

/* Kopf */
#header { box-sizing: border-box; height: auto; margin: 0; padding: 20px 16px; background-position: right center; }
#header::after { content: ""; display: block; clear: both; }
#header_logo { display: none; }
#header_titel { float: none; margin: 0; font-size: 26px; line-height: 1.15; }
.header_titel_kapitaelchen { font-size: 34px; }
#header_untertitel { display: block; margin: 6px 0 0; font-size: 15px; }
#header_titel br { display: none; }

/* Spalten untereinander */
#content_left, #content_center, #content_right, #navigation_box, .content_image_box { float: none; width: auto; }

/* Menue hinter Schalter */
#nav_toggle_label { display: block; padding: 12px 16px; border-bottom: 1px solid #FCA903; color: #FCA903; font-weight: bold; cursor: pointer; }
#nav_toggle_label::before { content: "\2630\00a0\00a0"; }
#navigation { display: none; margin: 0; padding: 4px 16px 8px; border-bottom: 1px solid #FCA903; }
#nav_toggle:checked ~ #navigation { display: block; }
#navigation > div { height: auto; line-height: normal; margin-bottom: 0; }
#navigation a { display: block; padding: 9px 0; font-size: 16px; }
#navigation .menu_ebene3 a, #navigation .menu_ebene3_active a,
#navigation .menu_ebene4 a, #navigation .menu_ebene4_active a { font-size: 15px; }
div.menu_ebene1_spacer { height: 8px; }

/* Inhalt */
#content_center { min-height: 0; border: 0; padding: 16px; overflow-wrap: anywhere; }
#content_center img { max-width: 100%; height: auto; }
#content_center div, #content_center p, #content_center input, #content_center textarea, div.sysmsg { max-width: 100%; box-sizing: border-box; }
#content_center table { display: block; max-width: 100%; overflow-x: auto; }
#content_center input, #content_center textarea { font-size: 16px; } /* iOS zoomt sonst beim Antippen */

/* Kasten rechts unter dem Inhalt */
#content_right { margin: 0; padding: 16px; border-top: 1px solid #FCA903; }
