/* Rechtsanwalt Christian Müller – statischer Nachbau */

@font-face {
	font-family: "Day Roman";
	src: url(../fonts/day-roman.woff2) format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* reset */
html, body, div, span, h1, h2, h3, p, a, b, img, ul, li, header, footer, nav, main, address { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
ul { list-style: none; }
b, strong { font-weight: bold; }
img { max-width: 100%; height: auto; }

/* base */
html, body { background: #E8E8E8 url(../images/bg-body.png) repeat-x; }
body { color: #333; font-size: 0.875rem; font-family: Arial, Verdana, sans-serif; line-height: 120%; }

a:link, a:active, a:focus { color: #2f4c1c; }
a:visited { color: #435d32; }
a:hover { color: #586f49; text-decoration: none; }

p { line-height: 150%; padding: 5px 0; }

.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.s11 { font-size: 0.8125rem; }

/* layout */
#Center { margin: 0 auto; position: relative; width: 940px; }
	#PageWrap { background: #FFF; border: 1px solid #8C8C8C; border-top: 0; }
		#Header { background: url(../images/bg-head.jpg) no-repeat 0 30px; height: 375px; position: relative; }
			#Logo { position: absolute; top: 10px; left: 640px; }
			#Logo img { display: block; }
		#SubHeader { background: url(../images/bg-black.png) repeat-x left bottom; height: 90px; position: relative; }
			#ContactWrap { position: absolute; top: -220px; left: 550px; width: 350px; background: #E2E2E2 url(../images/bg-contact.png) repeat-x; border: 1px solid #BAB6B7; }
				#ContactSpace { padding: 10px 20px 20px; }

		#Content { padding: 45px; line-height: 150%; }

#Footer { border-top: 12px solid #282828; color: #A7A7A7; font-size: 0.8125rem; margin-bottom: 20px; }
	#Footer a { color: #A7A7A7; }
	#Footer a[aria-current="page"] { color: #7d7d7d; }
		#FooterMenu { text-align: right; margin-top: 5px; }
		#FooterMenu li { display: inline; margin: 0 10px; }

/* headings (früher per Cufon ersetzt) */
h2 { font-weight: bold; font-size: 1.25rem; margin-bottom: 20px; }
.BoxTitle { font-family: "Day Roman", Georgia, "Times New Roman", serif; font-weight: normal; font-size: 1.125rem; line-height: 125%; margin-bottom: 10px; }

/* boxes */
.ContentBoxSpace { margin-bottom: 20px; padding-bottom: 20px; }
.ContentBoxSeperator { border-bottom: 1px solid #AEAEAE; }

/* contact box (ersetzt das Kontaktformular) */
.ContactIntro { margin: 10px 0 15px; }
.ContactList li { border-top: 1px solid #C9C9C9; padding: 12px 0; }
.ContactList li:last-child { padding-bottom: 0; }
.ContactLabel { display: block; font-size: 0.8125rem; color: #666; margin-bottom: 2px; }
.ContactLink { font-family: "Day Roman", Georgia, "Times New Roman", serif; font-size: 1.1875rem; line-height: 125%; text-decoration: none; word-break: break-word; }
a.ContactLink:link, a.ContactLink:visited { color: #2f4c1c; }
a.ContactLink:hover, a.ContactLink:focus { color: #586f49; text-decoration: underline; }

/* imprint */
.CreditLogo { display: inline-block; margin-top: 5px; }
.CreditLogo img { display: block; }
.clb { clear: both; }

/* responsive */
@media (max-width: 960px) {
	#Center { width: auto; margin: 0 16px; }
	#Header { height: auto; min-height: 140px; background-position: -60px 30px; background-size: auto 220px; padding-bottom: 120px; }
		#Logo { position: static; display: flex; justify-content: flex-end; padding: 10px 20px 0; }
		#Logo img { width: 130px; }
	#SubHeader { height: auto; padding: 0 16px 20px; background-color: #282828; background-size: 1px 100%; }
		#ContactWrap { position: relative; top: -40px; left: auto; width: auto; max-width: 400px; margin: 0 0 -20px auto; }
	.ContactLink { font-size: 1rem; }
	#Content { padding: 30px 20px; }
	#FooterMenu { text-align: center; }
}

@media print {
	html, body { background: #FFF !important; color: #000 !important; font: 12pt/120% Georgia, "Times New Roman", serif; }
	#Center { width: auto; }
	#PageWrap { border: 0; }
	#Header { background: none; height: auto; }
		#Logo { position: static; }
	#SubHeader, #Footer { display: none; }
	a { color: #000 !important; text-decoration: underline !important; }
}