body { margin:0; font-size:16px; line-height:18px;
font-family: Georgia, Times, "Times New Roman", serif;
background: url(/bilder/bckg.jpg) #ffffff;}
blockquote { color:#666666; font-size:16px; line-height:19px; font-style:italic; margin:22px 40px 10px 40px; }
/* blockquote { border-left:3px solid #D3D3D3; padding-left:20px;} */
#container { background:url(/bilder/c_bckg_lb.jpg) no-repeat; width:944px; margin:0 auto;}
#logo { padding:62px 0 0 40px; height:90px; }
#logo a {
font-family: Georgia, Times, "Times New Roman", serif;
text-decoration:none; font-size:35px; color:#535353; line-height:40px;
}
#logo h1, #logo .titel {
	font-family: Georgia, Times, "Times New Roman", serif;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration:none;
	font-size:35px;
	color:#535353;
	line-height:40px;
	margin:0;
}
#menu { height:50px; }
#menu ul { margin:0; padding:0 0 0 20px;}
#menu ul li{ float:left; list-style:none; }
#menu a { float:left; font-size:22px; text-decoration:none; padding-top:2px; padding-left:20px; color:#999999; line-height:24px; }
#menu a:hover, #menu a.hier { color:#a3405a; }

#text { margin: 0 270px 0 20px; padding-bottom: 30px; }
#text p, #text li, #text td, #text th { font-size:15px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:19px; }
#text p { padding:5px 25px 5px 20px; margin: 10px 0; }
#text h1, #text h2 { padding:5px 5px 5px 20px; }
#text h3 { padding:5px 5px 0 20px; margin: 22px 0 0; font-size:1.3em; color:#535353; font-weight:normal; }
#text img {
	margin: 2px 15px 10px 0px;
	float: left;
	border: 6px solid #E5E5E5;}
#text img.alignright { float:right; margin: 2px 0 10px 15px; width: 178px; height: auto; }
#text ul, #text ol { padding: 0 25px 0 40px; margin: 8px 0 8px 20px; }
#text li {list-style:upper-roman; padding-left:10px; margin: 4px 0;}
#text ul li { list-style: square; }
#text a {
	color: #0033CC;
	text-decoration: underline;
	font-weight: bold;}
#text a:hover { color: #0033CC;}
#text table { border-collapse: collapse; margin: 10px 25px 12px 20px; width: calc(100% - 45px); }
#text th { text-align:left; color:#999999; font-size:12px; text-transform:uppercase; padding: 3px 6px 3px 0; border-bottom: 1px dotted #cccccc; }
#text td { font-size:13px; padding: 4px 6px 4px 0; border-bottom: 1px dotted #e0e0e0; vertical-align: top; }

#sidebar {
	float:right;
	width:180px;
	padding: 115px 40px 0 10px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:14px;
	text-transform:uppercase;
	text-align: justify;
	position: relative;
}
#sidebar h2 { margin:0; padding:0;  font-size:1.8em; color:#AAAAAA; line-height: 1.1; }
#sidebar p { color:#999999; margin: 4px 0 14px; }
#sidebar ul { margin: 0 0 16px; padding: 0; }
#sidebar li { list-style: none; margin: 0 0 3px; text-align: left; }
#sidebar a { color:#999999; text-decoration:none; }
#sidebar a:hover, #sidebar a.hier { color:#a3405a; }
#sidebar h4 { margin: 18px 0 5px; font-size: 12px; color: #777777; font-weight: bold; }

h1, h2 { margin:0; padding:0;  font-size:1.8em; color:#a3405a; line-height: 1.15; font-weight: bold; }
#main { float:left; width:944px; padding:20px 0 0 0; background:url(/bilder/main.jpg) no-repeat #ffffff; position: relative; }
#karte { position:absolute; left:745px; top:12px; width:162px; height:110px; }
#karte a { position:absolute; font-family: Georgia, serif; font-size: 13px; color:#c9a3ad; text-decoration:none; line-height: 1; }
#karte a:hover, #karte a.hier { color:#a3405a; font-size: 17px; font-weight: bold; }
#footer {background:url(/bilder/f_bckg.jpg); height:88px; clear:both; padding-top:30px;}
#left_footer { font-size:12px; float:left; padding:40px 0 0 42px; color:#999999; }
#left_footer a, #right_footer a { font-size:12px; text-decoration:none; color:#999999;}
#left_footer a:hover, #right_footer a:hover { color:#a3405a; }
#right_footer { float:right; font-size:12px; padding:40px 42px 0 0; text-align:right; color:#999999;}

/* Einträge (Regionen) */
.list { margin: 18px 0 26px; }
.list_title span { display:block; padding:5px 5px 0 20px; font-size:1.3em; color:#535353; }
.list_content p.fakten { font-size:11px !important; line-height:14px !important; text-transform:uppercase; color:#999999; text-align: justify; }
.list_footer { margin: 2px 25px 0 20px; padding-top: 5px; border-top: 1px dotted #d6d6d6; font-size: 12px; color: #999999; overflow: hidden; }
.list_footer em { font-style: normal; }
#text .list_footer a { float: right; font-weight: normal; font-size: 12px; }

/* Detailseiten */
.detail_images { float:left; margin: 8px 0 0 20px; }
#text .detail_images img { width: 178px; height: 178px; object-fit: cover; }
.detail_image + .detail_image { display:none; }
.meta { padding: 5px 25px 5px 20px; font-size: 12px; color: #999999; font-family: Verdana, Arial, sans-serif; clear: both; }
.bigfont { color: #535353; }

/* kleiner Bildschirm, nachträglich */
@media (max-width: 960px) {
	#container { width: auto; background: #ffffff; }
	#main { width: auto; float: none; background: #ffffff; display: flex; flex-direction: column; }
	#sidebar { order: 2; border-top: 1px dotted #d6d6d6; }
	#karte { display: none; }
	#logo { padding: 22px 0 0 16px; height: auto; }
	#logo h1, #logo .titel, #logo a { font-size: 26px; }
	#menu { height: auto; overflow: hidden; padding-bottom: 8px; }
	#menu ul { padding-left: 0; }
	#menu a { font-size: 17px; padding-left: 16px; }
	#text { margin: 0 6px; }
	#text p, #text h1, #text h2, #text h3, .list_title span { padding-left: 10px; padding-right: 10px; }
	#text img.alignright { width: 120px; }
	#sidebar { float: none; width: auto; padding: 10px 20px 20px; }
	.detail_images { margin-left: 10px; }
	#text .detail_images img { width: 110px; height: 110px; }
	#footer { height: auto; padding: 10px 0 20px; overflow: hidden; }
	#left_footer, #right_footer { float: none; padding: 6px 16px; text-align: left; }
}