* {
	box-sizing: border-box;
	margin: 0;
	border: 0;
	font: 1.1em/1.3em Calibri, Arial, Helvetica, sans-serif;
	list-style-type: none;
}

body#allgemein {
	width: 90%;
	max-width: 1500px;
	margin: 0 auto;
	color: #333;
	font: 1.1em/1.3em Calibri, Arial, Helvetica, sans-serif;
	background-image: url(img/hgr-700.jpg);
	background-size: cover;
	background-attachment: fixed;
	overflow-y: scroll;
}

header {
	width: 100%;
	color: #fff;
	background: #fff;
	border-bottom: #666 solid 1px;
}
header h1 {
	text-align: center;
}
header img {
	padding:20px 0 0 0;
}
header h1 span {
	display: none;
}

#navigation {
	width: 100%;
	margin-top: -28px;
	display: flex;
	justify-content: center;
}
#navigation ul {
    width: 21cm;
    text-align: center;
}
}
#navigation ul,
#navigation ul li {
	list-style-type: none;
	display: inline-block;
}
#navigation ul li {
	float: left;
	width: 150px;
}
#navigation ul li a {
	color: #666;
	padding: 5px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
#navigation ul li a:hover {
	background: #eee;
	color: #000;
	text-decoration: underline;
}
#navigation ul li a.aktiv {
	text-decoration: underline;
	color: #000;
	background-color: #eee;
	cursor: default;
	font-weight: bold;
}

main {
	background-color: #fff;
}

b,
strong {
font-weight: bold;
}

article {
	background: #fff;
	width: 99%;
	margin: 0 auto;
	max-width: 1060px;
}
article h2.first {
	text-align: center;
}

.spalte {
	float: left;
	padding: 5px;
	max-height: 350px;
	margin-bottom: 40px;
}
li.spalte a {
	font-size: 0.75em;
	color: #666;
	text-align: center;
	border: 1px dotted #ddd;
	border-bottom: 0;
	border-radius: 7px;
}
	li.spalte a:hover {
	color: #000;
	text-decoration: underline;
	background-color: #efe;
	border-color: #450;
}
li.spalte img.resp {
	max-width: 200px;
	max-height: 200px;
	border: 1px solid #888;
	border-radius: 7px;
	vertical-align: bottom;
}

li.spalte a h6 {
	min-height: 6em;         /*    3.7em;    */
	width: 200px;
	padding: 0.2em 0;
	font-size: 1.3em;
	line-height: 110%;
	align-content: center;
}
li.spalte a h6 span{
	font-weight: bold;
}
li.spalte a h6 span.bewert5,
li.spalte a h6 span.bewert4,
li.spalte a h6 span.bewert3,
li.spalte a h6 span.bewert2,
li.spalte a h6 span.bewert1,
li.spalte a h6 span.bewert0 {
	line-height: 150%;
}

/*
li a h6 {
	font-size: 1.5em;
}
*/

.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.small {
	font-size: 0.6em;
}

h2 {
	padding: 0.5em;
	border-bottom: 1px solid #ccc;
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
}
h3, 
h4, 
h5 {
	font-weight: bold;
	margin: 0 auto;
	padding: 0.2em 0 0.3em 2.6em;
	border-bottom: 1px solid #ccc;
	width: 95%;
}
h3 {
	font-size: 1.2em;
	width: 100%;
}
h3.tipp {
	margin-top: 1em;
	padding: 0.2em 0 0.2em 1.6em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 0.8em;
	text-align: center;
	font-weight: 700;
	line-height: 1em;
}

a, 
a:visited {
	color: #666;
	font-weight: 400;
	text-decoration: none;
	display: block;
}
a:hover.
a.aktiv {
	color: #000;
	text-decoration: underline;
	background-color: #ddd;
	cursor: default;
}
a.inaktiv,
h2.inaktiv {
	text-decoration: line-through;
	display: none;
}


li .last {
	border-bottom: 1px solid #000;
}

.rez-list li a {
	float: left;
	width: 90%;
	padding: 5px 0 5px 10px;
/*	font-size: 0.75em;  */
	color: #666;
	height: 100%;
}
.rez-list li a:hover {
	color: #000;
	background-color: #ddd;
	text-decoration: underline;
}
.rez-list li span {
	float: left;
	text-align: center;
	width: 30%;
}
.rez-list li img {
	padding-right: 1em;
}
.rez-list p {
	text-align: center;
	font-size: 0.6em;
	padding: 10px 0;
}

.subnav {
	margin: 0.5em auto;
	width: 90%;
}
.subnav a.inaktiv {
	display: none;
}

.a-z {
	float: right;
}
li.a-z {
	width: 3em;
	text-align: center;
}

hr {
	clear: both;
	height: 0;         /* 	display: none;     */
}

footer {
	padding: 1em 0;
	clear: both;
}
footer p {
	font-size: 0.6em;
	text-align: right;
}

/* ------------------------------  ACC  ------------------------------------ */

.acc {
	width: 95%;
	margin: 0.5em auto;
}
.acc h2 {
	clear: both;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	padding: 0.5em;
	width: 100%;
	font-weight: 700;
	font-size: 1.2em;
	box-sizing: border-box;
	z-index: 100;
	color: #333;
}
.acc li h3 {
	margin: 30px 0 0 30px;
	padding: 0;
	color: #000;
}
.acc .choice {
	display: grid;
	grid-template-areas: "name action" "panel panel";
}
.acc .einrueck {
	padding-left: 30px;
}
.acc label:nth-child(odd) {
	grid-area: name;
}
.acc label:nth-child(even) {
	grid-area: action;
}
.acc .panel {
	grid-area: panel;
}
.acc input[name="ac"] {
	display: none;
}
.acc .panel {
	margin: 0;
	height: 0;
	overflow: hidden;
	background-color: #fff;
	line-height: 1.5;
	padding: 0 2em;
	box-sizing: border-box;
	transition: 1s;
}
.acc .panel p {
	margin-top: 0;
}
.acc input.open:checked ~ .panel {
	height: auto;
	padding: 0.5em 2em;
	transition: 1s;
}
.acc label {
	clear: both;
	cursor: pointer;
	background-color: #fff;
	padding: 0 0.5em;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	box-sizing: border-box;
	z-index: 100;
	color: #000;
	line-height: 150%;
}
.acc ul {
	border-bottom: 1px solid #999;
}
.acc input.open:checked ~ label {
	background-color: #ddd;
}
.acc label:nth-child(odd)::before {
	content: "≡";
	color: #000;
	float: left;
	font-size: 1.2em;
	margin: 0 20px 0 0;
}
.acc input.open:checked ~ label:nth-child(odd)::before {
	content: "≡";
	color: #999;
}