114 lines
		
	
	
		
			1.6 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			114 lines
		
	
	
		
			1.6 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
 | 
						|
:root {
 | 
						|
    font-family: "Times New Roman", serif;
 | 
						|
    line-height: 1;
 | 
						|
    --border-thickness: 0.5pt;
 | 
						|
}
 | 
						|
 | 
						|
* {
 | 
						|
    box-sizing: border-box;
 | 
						|
}
 | 
						|
 | 
						|
body {
 | 
						|
    margin: 0;
 | 
						|
}
 | 
						|
 | 
						|
table {
 | 
						|
    width: 100%;
 | 
						|
    border-collapse: collapse;
 | 
						|
    table-layout: fixed;
 | 
						|
}
 | 
						|
 | 
						|
table td,
 | 
						|
table th {
 | 
						|
    padding: 0.5mm 1mm;
 | 
						|
}
 | 
						|
 | 
						|
table th {
 | 
						|
    text-align: center;
 | 
						|
}
 | 
						|
 | 
						|
header {
 | 
						|
    height: 45mm;
 | 
						|
    padding: 10mm 0 0 0;
 | 
						|
    position: absolute;
 | 
						|
    top: -25mm;
 | 
						|
    left: 0;
 | 
						|
    right: 0;
 | 
						|
    text-align: center;
 | 
						|
    overflow: hidden;
 | 
						|
}
 | 
						|
 | 
						|
header .name {
 | 
						|
    font-size: 18pt;
 | 
						|
    margin-top: 8mm;
 | 
						|
    font-weight: bold;
 | 
						|
}
 | 
						|
 | 
						|
header .suffix {
 | 
						|
    font-size: 14pt;
 | 
						|
    font-weight: bold;
 | 
						|
}
 | 
						|
 | 
						|
header .type {
 | 
						|
    font-size: 12pt;
 | 
						|
    font-weight: normal;
 | 
						|
}
 | 
						|
 | 
						|
.footer-wrapper {
 | 
						|
    position: running(page-footer);
 | 
						|
    width: 165mm;
 | 
						|
    /* for some reason the position without the following statement changes on the second page */
 | 
						|
    border: var(--border-thickness) solid #00000000;
 | 
						|
}
 | 
						|
 | 
						|
.footer-wrapper.left {
 | 
						|
    position: running(page-footer-left);
 | 
						|
}
 | 
						|
 | 
						|
.pre-footer {
 | 
						|
    margin: 1em 0;
 | 
						|
    font-size: 10pt;
 | 
						|
}
 | 
						|
 | 
						|
.pre-footer > * {
 | 
						|
    display: inline-block;
 | 
						|
    width: 33%;
 | 
						|
}
 | 
						|
 | 
						|
.pre-footer > *:first-child {
 | 
						|
    text-align: left;
 | 
						|
}
 | 
						|
 | 
						|
.pre-footer > *:nth-child(2) {
 | 
						|
    text-align: center;
 | 
						|
    font-style: italic;
 | 
						|
}
 | 
						|
 | 
						|
.pre-footer > *:last-child {
 | 
						|
    text-align: right;
 | 
						|
    float: right;
 | 
						|
}
 | 
						|
 | 
						|
.pre-footer .page::after {
 | 
						|
    content: "Seite 1 von 1";
 | 
						|
}
 | 
						|
 | 
						|
footer {
 | 
						|
    font-size: 10pt;
 | 
						|
    border-top: var(--border-thickness) solid black;
 | 
						|
    height: 25mm;
 | 
						|
    padding-top: 1mm;
 | 
						|
    text-align: center;
 | 
						|
}
 | 
						|
 | 
						|
.hidden {
 | 
						|
    visibility: hidden;
 | 
						|
}
 | 
						|
 | 
						|
hr {
 | 
						|
    border: none;
 | 
						|
    border-top: var(--border-thickness) solid black;
 | 
						|
    margin: 5mm 0;
 | 
						|
}
 |