/* cmsms stylesheet: Hage Tastaturnavigation modified: Sonntag, 24. August 2025 01:54:17 */
/* ================================
   Accessibility-Basisset
   ================================ */

/* 1) Skip-Links (unsichtbar bis Tab-Fokus) */
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: 1000;
}
.skip-link:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0.5em 1em;
  background: #005ea0;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
  outline: none;
}

/* 2) Generelle Fokus-Stile für interaktive Elemente */
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
  outline: 3px solid #ffcc00 !important;
  outline-offset: 3px !important;
  background-color: rgba(255, 204, 0, 0.15) !important;
}

/* 3) Navigation hervorheben */
#main-menu a:focus,
.footer-navigation a:focus{
  color: #fff !important;
  background-color: #0097f0 !important;
  text-decoration: underline !important;
}

/* 4) Logo-Link sichtbar machen */
.logo a:focus {
  outline: 3px solid #ffcc00 !important;
  outline-offset: 5px !important;
  border-radius: 4px;
}

/* 5) Buttons & Submit klar hervorheben */
button:focus,
input[type="submit"]:focus {
  background-color: #0097f0 !important;
  color: #fff !important;
  outline: 3px solid #ffcc00 !important;
  outline-offset: 3px !important;
}

/* 6) Formulareingaben kontrastreich darstellen */
input:focus,
textarea:focus,
select:focus {
  border: 2px solid #0097f0 !important;
  box-shadow: 0 0 5px #0097f0 !important;
}

/* 7) Screenreader-only Klasse (falls noch nicht vorhanden) */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.sr-only:focus,
.sr-only:active {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
}
/* cmsms stylesheet: Hage Form modified: Mittwoch, 23. Juli 2025 12:38:32 */
/* Hage Bauelemnte CSS Form */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset {padding-left: 0;}
fieldset div {
	display: inline;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: none;
	padding: 0
}
fieldset label {
	width: auto;
}
legend {
	color: #3d3d3d;
	font-size:20px;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: none;
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input {
	border: 1px solid #f60;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  float: left;
  width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	height:12em;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
input, textarea {
	box-sizing:border-box;
	min-height: 48px;
	padding: 15px 17px;
	border:1px solid #C3C3CE !important;
	font-family: Arial, sans-serif;
}
.cms_submit {background-color: #FBAC1E;color:#111;font-size:15px;text-transform: uppercase;}
.one_two {
}
.one_two input {width:32.4%;}
.d-none {display:none;}
/* cmsms stylesheet: Hage-Barrierefreiheit-Overrides modified: Sonntag, 24. August 2025 02:20:41 */
figcaption {color:#2d2b2b;}
figcaption, .bx-wrapper figcaption {text-shadow:none}
div.privacy-map-msg a,
div.privacy-map-msg label {color:#0072b5;}
.address h1 {background:#ddd;color:#373535;border:none;display:block;padding-left:0}
/* Fallback sichtbar, solange kein .js auf <html> */
.cookie-credit {
  display: block;
  font-size: 0.8rem;
  text-align: center;
  margin: 1rem 0;
  color: #666;
}
/* Sobald JS läuft (html.js), verstecken */
html.js .cookie-credit {
  display: none;
}

#footer-menu li:hover > ul,
#footer-menu li:focus-within > ul {
  top: auto;
  left: auto;
  z-index:999;
  height: auto;
  top: 55px;
  left: -1px;
  display: block;
}