body {
	width: 21cm;
	margin: 0 auto;
	color: #333;
	background: url(img/hgr-700.jpg);
	background-size: cover;
	background-attachment: fixed;
}
#head h1 {
	font-size: 1.4em;
	font-weight: bold;
	border-bottom:1px solid #000000;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	margin-bottom: 0.7cm;
	line-height: 130%;
}
#head h1 span {
	font-size: 0.8em;
	font-weight: normal;
}


article#content {
	width: 21cm;
	min-height: 29cm;
	margin: 0 auto;
	background: white;
	padding: 1cm 1cm 1cm 2cm;
	font-size: 1.1em;	
}

p.text {
    margin: 0.5cm 0 0 0;
    padding: 0 1.0cm 0 0;
    font: 1.1em/1.3em Calibri, Arial, Helvetica, sans-serif;
}
p.text.bold {
	font-weight: bold;
}
p.text.center {
	font-size: 90%;
}
p.text a {
	display: inline;
	text-decoration: underline;
	color: #000;
	font-weight: normal;
}
p.text a:hover {
	color: #00b;
}
span.bu {
	font-weight: bold;
	text-decoration: underline;
}

table.zeit {
    margin-top: 0.5cm;
    padding: 0.2cm 0 0 0;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    width: 100%;
    display: block;
}
td.col10 {
	width: 50%;
	text-align: right;
	font-weight: bold;
	padding-right: 0.3cm;
}

span.bewert0,
span.bewert1,
span.bewert2,
span.bewert3,
span.bewert4,
span.bewert5 {
    font-size: 1.4em;
    color: #ff8800;
    font-weight: bold;
}
span.bewert0::after {content:'       ';}
span.bewert1::after {content:' ★☆☆☆☆ ';}
span.bewert2::after {content:' ★★☆☆☆ ';}
span.bewert3::after {content:' ★★★☆☆ ';}
span.bewert4::after {content:' ★★★★☆ ';}
span.bewert5::after {content:' ★★★★★ ';}

img.pic {
	float: right;
	height: 300px;
	width: 300px;
	border: 1px solid #888;
	border-radius: 10px;
}
#Table1 {
	margin-right: 1cm;
	float: left;
	border-spacing:0;
	table-layout:fixed;
	white-space:nowrap;
	max-width: 9cm;
}
#Table1::after {
	clear: both;
}
#Table1 tr {
	line-height: 120%;
}
td.Default {
	border-bottom: 1px solid #bbb;
	padding:0;
}
td.Default.col1 {
	text-align: right;
	padding-right: 0.7em;
	width: 2.5cm;
}
td.Default.col2 {
	text-align: left;
	width: 6.5cm;
}
td.Default.col1.nul,
td.Default.col2.nul {
	border: 0;
}
td h4 {
	font-size: 1em;
	padding-left: 0.2cm;
	border: 0;
}
.Portion {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 0.5em;
}
section.text {
	clear: both;
	padding-top: 20px;
}
footer.noprint {
	text-align: center;
}
button {
	padding: 5px;
	border: 1px solid #666;
	border-radius: 5px;
	width: 250px;
	height: 2em;
	margin: 5px 0 0 0;
	cursor: pointer;
}
hr.clr {
	clear: both;   /*	display: none;    */

}
nav#navigation.noprint {
	width: auto;
}

/* -------------------------------------------------------------------------------------------------------------------- */
@media print {
  .noprint {
    display: none;
  }
}
/* -------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1250px) {
	body,
	article#content { max-width: 1000px; }
	h3 {margin: 0; padding: 0.2em 0;}
	#Table1 { order: 3; /*max-width: 99%;*/ float: none; margin:0 auto; }
	table.zeit { padding: 0; }
	table.zeit td { width:49%; }
	td.Default.col1 { width: 50%; }
	td.Default.col2 { /*width: 70%;*/ margin:0; }
	td.col10 { width: 45%; }
	img.pic { order: 1; float: none; margin: 10px auto 30px; display: block; }
	article#content { display: grid; }
	.Portion { order: 2; text-align:center; }
	section.text { order: 4; }
	footer.noprint { order: 5; }
	ul { display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
	.acc .panel { grid-area: panel; display: grid; justify-content: start; }
}

@media only screen and (max-width: 640px) {
	body,
	article#content { max-width: 600px; }
	h3 {margin: 0; padding: 0.2em 0;}
	#Table1 { order: 3; /*width: 100%;*/ float: none; margin:0 auto; }
	table.zeit { padding: 0; }
	table.zeit td { width:49%; }
	td.Default.col1 { width: 50%; }
	td.Default.col2 { /*width: 70%;*/ margin:0; }
	td.col10 { width: 45%; }
	img.pic { order: 1; float: none; margin: 10px auto 30px; display: block; }
	article#content { display: grid; }
	.Portion { order: 2; text-align:center; }
	section.text { order: 4; }
	footer.noprint { order: 5; }
	ul { display: grid; flex-direction: row; }