first 11 point from list made

resources/css/pdf-download.css

@@ -1,12 +1,13 @@
 body {
-    font-family: Verdana, Tahoma, sans-serif;
-    font-size: 11pt;
-    font-weight: normal;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 9.5pt !important;
+    font-weight: thin;
     line-height: 13pt;
 }
 
 #deckblatt {
     position: absolute;
+    background-color: '###BG_DECKBLATT###';
     top: 0;
     bottom: 0;
     left: 0;
@@ -18,64 +19,63 @@ body {
 
 /** POSITION FIXED */
 #deckblatt-gutachter {
-    position: absolute;
-    margin-top: 12mm;
-    width: 200mm;
+    margin: 12mm 10mm;
     height: 100mm;
-}
-
-#deckblatt-projekt {
-    position: absolute;
-    margin-left: 16mm;
-    height: 40mm;
-    width: 190mm;
-}
-
-#deckblatt-festsetzung {
-    position: absolute;
-    text-align: right;
-    font-weight: bold;
-    margin-top: 12mm;
-    height: 60mm;
-    width: 195mm;
+    overflow: hidden;
 }
 
 #deckblatt-logo-gutachter {
     background-size: contain;
     background-repeat: no-repeat;
     margin-bottom: 1mm;
+    overflow: hidden;
 }
 
-#deckblatt-auftraggeber {
-    position: absolute;
+#deckblatt-projekt {
+    margin: auto 10mm;
+    height: 60mm;
+    overflow: hidden;
+}
+
+#deckblatt-festsetzung {
     text-align: right;
-    margin-top: 20mm;
-    height: 40mm;
-    width: 195mm;
+    font-weight: bold;
+    margin: auto 10mm;
+    height: 55mm;
+    overflow: hidden;
 }
 
 #deckblatt-logo-auftraggeber {
-    width: 255mm;
     height: 20mm;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center right;
     margin-bottom: 1mm;
+    overflow: hidden;
 }
 
+#deckblatt-auftraggeber {
+    text-align: right;
+    margin: auto 10mm;
+    height: 50mm;
+    overflow: hidden;
+}
+
+
 
 
 /** FORMATTING */
 .header {
-    padding: 1.3mm 3mm;
-    margin: 9mm 0 5mm;
+    padding: 1.5mm 3mm;
+    margin: 11mm auto 5mm;
     font-size: 14px;
-    border: 0.3mm solid #e5e7eb;
-    background-color: #eff6ff;
+    border: 0.3mm solid '###FARBE_RAHMEN###';
+    background-color: '###BG_HEADER###';
+    font-size: 11.5pt;
 }
 
 h1 {
-    font-size: 22pt;
+    font-size: 24pt;
     line-height: 26pt;
 }
 
@@ -89,6 +89,11 @@ h3 {
     line-height: auto;
 }
 
+h4 {
+    font-size: 11pt;
+    line-height: auto;
+}
+
 .small {
     font-size: 7pt;
     line-height: 9pt;
@@ -103,6 +108,11 @@ a {
     font-weight: bold;
 }
 
+.normal {
+    font-weight: normal;
+}
+
+
 .right {
     text-align: right;
 }
@@ -111,13 +121,17 @@ a {
     text-align: center;
 }
 
+.nowrap {
+    white-space: nowrap;
+}
+
 /** FARBEN */
 .gray {
     color: #4a5565;
 }
 
-.bg-sky {
-    background-color: #eff6ff !important;
+.bg-user-set {
+    background-color: '###BG_HEADER###';
 }
 
 .bg-white {
@@ -153,6 +167,10 @@ p {
     padding-bottom: 2mm;
 }
 
+.pl-2 {
+    padding-left: 4mm;
+}
+
 .m10 {
     margin: 10px;
 }
@@ -177,11 +195,11 @@ p {
     GUTACHTEN TABELLEN
 */
 table {
+    font-size: 8.5pt;
     border-collapse: collapse;
     border-spacing: 0;
     empty-cells: show;
     width: 100% !important;
-    font-size: 11px;
     margin-top: 10mm;
     margin-bottom: 10mm;
 }
@@ -197,6 +215,7 @@ td {
 
 th {
     padding: 5px 7px;
+    white-space: nowrap;
 }
 
 .w30 {
@@ -220,21 +239,21 @@ th {
 }
 
 .border {
-    border: 0.3mm solid #e5e7eb;
+    border: 0.3mm solid '###FARBE_RAHMEN###';
 }
 
 .bt {
-    border-top: 0.3mm solid #e5e7eb;
+    border-top: 0.3mm solid '###FARBE_RAHMEN###';
 }
 
 .bb {
-    border-bottom: 0.3mm solid #e5e7eb;
+    border-bottom: 0.3mm solid '###FARBE_RAHMEN###';
 }
 
 .bl {
-    border-left: 0.3mm solid #e5e7eb;
+    border-left: 0.3mm solid '###FARBE_RAHMEN###';
 }
 
 .br {
-    border-right: 0.3mm solid #e5e7eb;
+    border-right: 0.3mm solid '###FARBE_RAHMEN###';
 }