/* classic2_j5: Ergaenzungen fuer Joomla 5 (Warp-CSS bleibt unveraendert) */
html { -webkit-text-size-adjust: 100%; }
.visually-hidden, .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.wrapper img, #headerbar img { max-width: 100%; height: auto; }
.mod-banners img { max-width: 100%; height: auto; }

/* Cookie-Hinweis (Optik wie bisher: gruener Balken unten) */
#c2-cookiehint { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: #006619; color: #fff; text-align: center; padding: 18px 20px 22px; font: 14px/20px Arial, Helvetica, sans-serif; box-shadow: 0 -2px 8px rgba(0,0,0,.35); }
#c2-cookiehint[hidden] { display: none; }
#c2-cookiehint .cookiebuttons { margin: 12px 0 8px; }
#c2-cookiehint button { background: #fff; color: #111; border: 1px solid #ccc; padding: 10px 14px; font: 14px Arial, sans-serif; cursor: pointer; }
#c2-cookiehint a { color: #fff; text-decoration: none; }
#c2-cookiehint a:hover { text-decoration: underline; }

/* Schmale Bildschirme: Container fliessend, Menue umbrechen */
@media (max-width: 1020px) {
	body#page { padding: 0; }
	.wrapper { max-width: 100%; }
	#menu ul.menu-dropdown { display: flex; flex-wrap: wrap; }
	#maininner, #sidebar-a, #sidebar-b { width: 100% !important; float: none; }
}

/* Abstand oben wie bisher */
.wrapper { margin-top: 20px; }

/* Formulare (Kontakt, Login): schlichte Optik wie unter Joomla 3 / Warp */
.btn-primary, button.btn.btn-primary { background: #f3f3f3; color: #000; border: 1px solid #888; border-radius: 3px; text-shadow: none; box-shadow: none; padding: 3px 10px; font-size: 12px; }
.btn-primary:hover { background: #e6e6e6; color: #000; }
input.form-control, textarea.form-control, select.form-select { border: 1px solid #aaa; border-radius: 0; box-shadow: none; background: #fff; color: #222; }
.input-password-toggle, .plg_system_webauthn_login_button { display: none !important; }
.form-check-input { margin-right: 6px; }
.visually-hidden-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

/* Smartphone: Kopfbild und Brotkrumen sichtbar lassen (Warp blendet sie aus) */
@media (max-width: 767px) {
	#headerbar, #breadcrumbs { display: block; }
	#headerbar img { width: 100%; height: auto; }
}

#c2-cookiehint .cookienote { font-size: 12px; opacity: .9; margin: 4px 0 6px; }
#c2-cookiehint #c2-cookiehint-no { background: transparent; color: #fff; border-color: #fff; margin-left: 8px; }