body, table, .base { font-family: DejaVuSans; font-size: 10px; line-height: 16px; margin: 0; padding: 0; } body { /* mPDF has a custom css property for background images: background-image-resize with custom values from 0-6: 0 - No resizing (default) 1 - Shrink-to-fit w (keep aspect ratio) 2 - Shrink-to-fit h (keep aspect ratio) 3 - Shrink-to-fit w and/or h (keep aspect ratio) 4 - Resize-to-fit w (keep aspect ratio) 5 - Resize-to-fit h (keep aspect ratio) 6 - Resize-to-fit w and h */ background-image: url('images/adler2.jpg'); background-repeat: no-repeat; background-position: center; background-image-resize: 3; } /** POSITION FIXED */ #deckblatt-gutachter { position: absolute; top: 12mm; width: 185mm; } #deckblatt-gutachten { position: absolute; top: 90mm; width: 185mm; } #deckblatt-festsetzung { position: absolute; text-align: right; top: 130mm; width: 185mm; } #deckblatt-auftraggeber { position: absolute; text-align: right; bottom: 20mm; right: 15mm; left: 15mm; } #deckblatt-image { width: 185mm; height: 12mm; background-size: contain; background-repeat: no-repeat; margin-bottom: 1mm; } /** FORMATTING */ h1 { font-size: 28px; line-height: 30px; margin: 0; } h2 { font-size: 18px; line-height: 20px; margin: 0; } h3 { font-size: 14px; line-height: 16px; margin: 0; } a { color: black; text-decoration: none; } .bold { font-weight: bold; } .right { text-align: right; } .center { text-align: center; } /** FARBEN */ .gray { color: #4a5565; } .hellgrau { background-color: #f3f4f6; } .green { color: green; } .red { color: red; } /** LAYOUT */ p { margin: auto 0; } .py-1 { padding-top: 1mm; padding-bottom: 1mm; } .m10 { margin: 10px; } .m20 { margin: 20px 10px 10px; } .ml-1 { margin-left: 1mm; } .mt-2 { margin-top: 2mm; } .mtop { margin-top: 20mm; } /** GUTACHTEN TABELLEN */ .table-striped tr:nth-child(2n-1) td { background-color: #f3f4f6; } table.table-striped td.head, td.head { font-weight: bold; vertical-align: bottom; background-color: #f3f4f6 !important; } table { border-collapse: collapse; border-spacing: 0; empty-cells: show; width: 100% !important; margin-top: 10mm; padding: 0; } table.inhalt { margin: 10mm; } td { font-size: 0.75rem; padding: 0.5rem; } .inhalt td { font-size: 1rem; } .text-75 td { font-size: 0.75rem; } .wp10 { width: 10%; } .wp20 { width: 20%; } .wp25 { width: 29%; } .w10p { width: 20mm; } .border { border: 0.3mm solid #e5e7eb; } .bt { border-top: 0.3mm solid #e5e7eb; } .bb { border-bottom: 0.3mm solid #e5e7eb; } .bl { border-left: 0.3mm solid #e5e7eb; } .br { border-right: 0.3mm solid #e5e7eb; }