.preview{display:flex;align-items:center;flex-direction:column;gap:18px}.contract-page{width:210mm;min-height:297mm;background:#fff;box-shadow:0 3px 16px #0002;padding:18mm 17mm 18mm;position:relative;overflow:hidden}.contract-page.cover{display:flex;flex-direction:column}.contract-page .page-header{position:absolute;top:7mm;left:17mm;right:17mm;height:13.5mm;display:flex;align-items:center;border:0}.contract-page .page-header-tagline{justify-content:flex-start;font-family:Arial,Helvetica,sans-serif;font-size:14pt;font-weight:700;line-height:1.05;color:#d22f27}.contract-page .page-header-logo{justify-content:flex-end}.contract-page .page-header-logo img{width:68.1mm;height:13.5mm;object-fit:contain;object-position:right center}.contract-page .page-footer{position:absolute;bottom:7mm;left:17mm;right:17mm;border-top:1px solid #aebac3;padding-top:2mm;display:flex;justify-content:space-between;font-size:7.5pt;color:#4f6371}.page-content{padding-top:5mm;padding-bottom:10mm}.cover .page-content{padding-top:30mm}.cover-logo{width:95mm;max-height:30mm;object-fit:contain}.cover h1{font-size:28pt;margin:35mm 0 8mm;color:var(--brand)}.cover .meta{margin-top:auto;border-top:4px solid var(--brand);padding-top:7mm}.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18mm;margin-top:18mm}.signature-line{border-top:1px solid #222;padding-top:2mm;font-size:8pt}

/* Version 5.13.10: ausschließlich Deckblattdarstellung. */
.cover .cover-page-v51310{padding-top:13mm!important;padding-bottom:7mm!important;text-align:center;display:flex;flex-direction:column;align-items:center;height:100%}
.cover .cover-special-logo{width:78mm;height:70mm;object-fit:contain;margin:0 auto 7mm}
.cover .cover-page-v51310 h1{font-size:21pt;margin:0 0 3mm;color:#0e3a5d;line-height:1.1}
.cover .cover-contract-number{font-size:11pt;color:#0e3a5d;margin:0 0 16mm}
.cover .cover-contract-number span{color:#f5a000;font-weight:700}
.cover .cover-between{font-size:7pt;margin-bottom:4mm}
.cover .cover-customer{font-size:8pt;line-height:1.9;color:#f5a000;min-height:27mm}
.cover .cover-linking-text{font-size:7pt;margin:2mm 0 9mm}
.cover .cover-provider{width:72%;font-size:7.5pt;line-height:1.8}
.cover .cover-provider div{border-bottom:1px dotted #555;padding:.5mm 0}
.cover .cover-agreement-text{font-size:7pt;margin:13mm 0 0}
.cover .cover-meta-reference{margin-top:auto;align-self:flex-end;text-align:right;font-size:7pt;line-height:1.25}

/* Version 5.13.11: Deckblatt ist zugleich Vertragspartnerseite. */
.cover .cover-page-v51311{padding-top:11mm!important;padding-bottom:7mm!important;text-align:center;display:flex;flex-direction:column;align-items:center;height:100%;font-family:Arial,Helvetica,sans-serif;color:#111}
.cover .cover-page-v51311 .cover-special-logo{width:67mm;height:58mm;object-fit:contain;margin:0 auto 6mm}
.cover .cover-page-v51311 h1{font-family:Arial,Helvetica,sans-serif;font-size:32pt;font-weight:800;letter-spacing:.2mm;margin:0 0 5mm;color:#142c48;line-height:1}
.cover .cover-page-v51311 .cover-contract-number{font-size:19pt;font-weight:800;color:#142c48;margin:0 0 22mm}
.cover .cover-page-v51311 .cover-between{font-size:12pt;margin-bottom:6mm}
.cover .cover-page-v51311 .cover-customer{font-size:12pt;line-height:1.7;color:#111;min-height:37mm}
.cover .cover-page-v51311 .cover-customer>div{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:1.2mm}
.cover .cover-page-v51311 .cover-customer-name{font-weight:700}
.cover .cover-page-v51311 .cover-linking-text{font-size:12pt;margin:5mm 0 14mm}
.cover .cover-page-v51311 .cover-provider{width:78%;font-size:12pt;line-height:1.7}
.cover .cover-page-v51311 .cover-provider div{border-bottom:1px dotted #222;padding:.5mm 0}
.cover .cover-page-v51311 .cover-agreement-text{font-size:9pt;margin:13mm 0 0}
.cover .cover-page-v51311 .cover-meta-reference{margin-top:auto;align-self:flex-end;text-align:right;font-size:7pt;line-height:1.25}

/* Version 5.13.12: Ansprechpartner auf Deckblatt; exportierter Meta-/Fußzeilenblock entfernt. */
.cover .cover-page-v51311 .cover-contact-person{font-weight:400}
.cover .cover-page-v51311 .cover-customer{min-height:43mm}

/* Vorvertrag Rechenzentrum: Bild- und Tabellenrhythmus der freigegebenen Word-Vorlage. */
.location-page .rz-facility-image{display:block;width:100%;height:58mm;object-fit:cover;margin:16mm 0 12mm;break-inside:avoid;page-break-inside:avoid}

/* Vorvertrag Rechenzentrum: Logo in der Kopfzeile bündig zur Satzspiegelkante. */
.contract-page .page-header-logo img{width:56mm!important;transform:translateX(0)!important}

/* Mehr visueller Abstand zwischen Standortangaben und Reservierungsgebühr. */
.location-page h2{margin-top:6mm}.location-page h2 + p + h2{margin-top:10mm}