*  { font-size: 16px; line-height: 1.3em; font-family: 'Dejavu Sans', Sans; }
h1 { font-size: 2.2rem; }
h2 { font-size: 1.8rem; } 
h2 { font-size: 1.6rem; } 
h3 { font-size: 1.3rem; } 
a  { font-size: 1em; } 
pre, code { line-height:1.3em ; font-family: 'DejaVu Sans Mono', mono; }

body { counter-reset: h1; }
h1 { counter-reset: h2; counter-increment: h1; }
h2 { counter-reset: h3; counter-increment: h2; }
h3 { counter-reset: h4; counter-increment: h3; }
h4 { counter-reset: h5; counter-increment: h4; }
h5 { counter-reset: h6; counter-increment: h5; }
h6 { counter-increment: h6; }

h2::before { content: counter(h2) ") "; }
h3::before { content: counter(h2) "." counter(h3) ") "; }
h4::before { content: counter(h2) "." counter(h3) "." counter(h4) ") ";}
h5::before { content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ") "; }
h6::before { content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ") "; }

h1 { string-set: heading content() }

title { content: string(heading) "X"; }
@media screen {
	#container {
		max-width: 70em;
		margin-right: auto;
		margin-left: auto;
	}
}
@media print {
	*  { font-size: 10pt !important; }
	h1 { font-size: 24pt !important; }
	h2 { font-size: 18pt !important; } 
	h2 { font-size: 16pt !important; } 
	h3 { font-size: 13pt !important; } 
	table *, pre, code { font-size: 8pt !important; }
	p { text-align: justify;}

	@page {
		size: A4 portrait;
		margin: 20mm;
		padding-top: 1em;
		padding-bottom: 1em;
		@top-right {
			content: ''; 
		}
		@top-left {
			content: ''; 
		}
		@bottom-left {
			/*content: 'VPN - Betrachtung';*/
			content: string(heading);
			font-size: 9pt;
		}
		@bottom-right {
			content: "Seite " counter(page) " von " counter(pages);
			font-size: 9pt;
		}	}
}