@charset "UTF-8";

/*** html ***/
html {
	font-size: 1.123rem;
	scroll-behavior: smooth;
}

/*** Body ***/
body {
	color: black;
	font-family: Arial, sans-serif;
	padding: 0;
	overflow-x: hidden;
	min-width: auto;
	width: 95%;
	margin: auto;
	max-width: 66.6667rem;
	font-size: 1rem;

}

/*** Farbe von unterschidlichen e Webbrowser ***/
#browserfarbe {
	background-color: #edf1f4;
	background: rgb(239, 239, 239); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(239, 239, 239, 1) 11%,
		rgba(222, 230, 238, 1) 21%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(239, 239, 239, 1) 11%,
		rgba(222, 230, 238, 1) 21%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(239, 239, 239, 1) 5%,
		rgba(222, 230, 238, 1) 21%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef',
		endColorstr='#dee6ee', GradientType=0); /* IE6-9 */
}

h1 {
	margin: 0;
	font-weight: bold;
	display: inline-block;
	padding: 0 0.5556rem;
}

h2 {
	font-size: 1.8rem;
	font-weight: bold;
}

h3 {
	font-size: 1.5rem;
	font-weight: bold;
}

h4 {
	font-size: 1.2rem;
	font-weight: bold;
}

p {
	line-height: 140%;
}

a {
	color: #0056b3;
}

a.disabled {
	pointer-events: none;
}

a:hover {
	color: #476274;
}

a:focus {
	text-decoration: underline;
}

div a:focus {
	transform: translateX(0%);
}

#mittelinkneu p, #mittelinkalt p {
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
}

.seiten-inhalt {
	font-size: 1rem;
}

.seiten-inhalt img {
	max-width: 100%;
	width: auto;
}

/*** shadow Klasse formatierung ***/
.shadow {
	-webkit-box-shadow: 0 0.3333rem 0.3333rem -0.2778rem rgba(50, 50, 50, 1) !important;
	-moz-box-shadow: 0 0.3333rem 0.3333rem -0.2778rem rgba(50, 50, 50, 1) !important;
	box-shadow: 0 0.3333rem 0.3333rem -0.2778rem rgba(50, 50, 50, 1) !important;
}

.container {
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
}

/* versteckte Bereiche */
.hidden {
	position: absolute;
	left: -5000px;
}

.sr-only {
	position: absolute;
	width: 0.0556rem;
	height: 0.0556rem;
	padding: 0;
	margin: -0.0556rem;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

/*** Button "Weiter", Suche und Zurück formatierung ***/
button {
	cursor: pointer;
}

button:focus {
	outline: none;
}

/*** Suche Button ***/
.btn {
    font-size: 0.9rem;
}

.btn-outline-primary {
	color: #476274;
	border-color: #476274;
}

.btn-outline-primary:focus, .btn-outline-primary:hover,
.btn-outline-primary:active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: #476274;
	border-color: #96aebe;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-outline-primary.dropdown-toggle:focus,
.btn-outline-primary.focus, 
.btn-outline-primary:focus {
	box-shadow: 0 0 0 .1rem #96aebe;
}

.pull-right {
    position: relative;
   	top: 1.1111rem;
}

#mittelinkneu a:hover, #mittelinkneu a:active,
#mittelinkneu a:focus, #mittelinkalt a:hover,
#mittelinkalt a:active, #mittelinkalt a:focus {
	text-decoration: underline;
	background-color: #476274;
	color: white !important;
}

.section #rechtliche_h_link, p #kontakt_f_link {
	text-decoration: underline;
}

.form-check-input[type="checkbox"],
input[type="checkbox"]{
	border-color:#6F7378;
}

.form-check-input {
	--bs-form-select-bg-img: none;
	-webkit-appearance: unset;
	-moz-appearance: unset;
	appearance: button;
}

/* Kontrastfarbe erhöhen */
.border-dark {
  border-color: #6F7378 !important;
}

.error {
	min-width: 100px;
	border: 0.1667rem dotted red !important;
}

.errortext {
	color:#CC0000;
}