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

html { overflow-y: auto; -webkit-text-size-adjust: 100%; }
body { background-image: none; }
#page, #wrapper, .header_top { width: auto; height: auto; }
#page { border-left-width: 6px; border-right-width: 6px; }

/* Kopf: Text statt Bild-Slideshow */
.header_image { display: none; }
.header_text { float: none; width: auto; margin: 0; padding: 16px; text-align: left; }
.header_text h1 { font-size: 20px; margin-bottom: 8px; }
.header_text h2 { font-size: 13px; margin-bottom: 0; line-height: 1.3; }

/* Menue hinter Schalter, Untermenues direkt unter ihrem Hauptpunkt (Reihenfolge per --order aus dem Layout) */
.wrapper_navigation { float: none; width: auto; margin: 0; border-top: 1px solid #690220; }
#nav_toggle_label { display: block; padding: 12px 16px; color: #690220; font-weight: bold; font-size: 15px; cursor: pointer; }
#nav_toggle_label::before { content: "\2630\00a0\00a0Menü"; }
.navigation_box { display: none; float: none; padding: 0 16px 8px; }
#nav_toggle:checked ~ .navigation_box { display: block; }
.navigation { display: flex; flex-direction: column; height: auto; }
#menuBar { display: contents; }
.menuButtonBox, .menu { order: var(--order); }
.menuButtonBox { float: none; height: auto; margin: 0; text-align: left; }
.menuButtonMargin { margin: 0; }
a.menuButton { display: block; padding: 9px 0; font-size: 16px; }
.menu { position: static; visibility: visible !important; width: auto; margin: 0 0 0 16px; padding: 0; border: 0; background: none; }
.menu:not(:has(.menuItemContainer)) { display: none; }
div.menuItemContainer { margin: 0; }
.menuItemContainer ul { margin: 0; list-style: none; }
a.menuItem { padding: 8px 0; font-size: 15px; }

/* Inhalt einspaltig */
.content { width: auto; min-height: 0; margin: 16px; padding-bottom: 16px; overflow-wrap: anywhere; }
.content_text_box, .www_list_links, .www_detail_links { width: auto; float: none; }
.columnright_box, .content_image_box { float: none; width: auto; margin: 0 0 20px; }
.www_list_rechts, .www_list_rechts_head, .www_detail_rechts_head { float: none; }
.www_list_rechts_box, .www_detail_rechts_box { width: auto; margin-left: 0; }
.www_list_limit { margin-right: 0; }
.www_list_gitter { margin-right: 16px; }
.www_detail_datum { float: none; }
.content img { max-width: 100%; height: auto; }
.content iframe { max-width: 100%; }
.content table { display: block; max-width: 100%; overflow-x: auto; }
.content div, .content p, .content ul { max-width: 100%; box-sizing: border-box; }
#footer { margin: 0 16px; }