/* Urkunde A4 hoch – Positionen in pt wie in der Illustrator-Vorlage (595 × 842 pt) */
/* Auf dem Mac wird die Originalschrift Cochin verwendet, sonst Cormorant Garamond.
   Cormorant läuft kleiner als Cochin – nur die mitgelieferte Schrift etwas vergrößern */
@font-face {
  font-family: "Urkunde Serif Ersatz";
  src: url("fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
  size-adjust: 112%;
  font-display: block;
}
@font-face {
  font-family: "Urkunde Schrift";
  src: url("fonts/pinyon-script-latin-400-normal.woff2") format("woff2");
  font-display: block;
}

@page { size: A4 portrait; margin: 0; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: #e9e8e3; font-family: system-ui, sans-serif; }

.druckleiste { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; padding: 10px 16px; background: #1f5a45; color: #fff; font-size: 14px; }
.druckleiste a { color: #fff; }
.druckleiste button { font: inherit; padding: 6px 16px; border: 0; border-radius: 4px; background: #fff; color: #1f5a45; font-weight: 600; cursor: pointer; }
.druckleiste .hinweis { opacity: .85; font-size: 12.5px; }
.leer-hinweis { max-width: 520px; margin: 40px auto; background: #fff; padding: 20px 24px; border-radius: 6px; }

.urkunde {
  position: relative; width: 595.28pt; height: 841.89pt; margin: 18px auto; overflow: hidden;
  background: #fff no-repeat center / 100% 100%;
  color: var(--farbe, #fff);
  font-family: Cochin, "Urkunde Serif Ersatz", Georgia, serif;
  font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1;
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.urkunde .u { position: absolute; left: 18pt; right: 18pt; text-align: center; white-space: nowrap; line-height: 1.262; }
.urkunde .u-ueberschrift { top: 43.85pt; font-size: 70pt; letter-spacing: .36em; padding-left: .36em; }
.urkunde .u-zeile1   { top: 312.0pt;  font-size: 30pt; }
.urkunde .u-zeile2   { top: 348.0pt;  font-size: 30pt; }
.urkunde .u-einl     { top: 406.17pt; font-size: 25pt; }
.urkunde .u-text     { top: 440.87pt; font-size: 25pt; }
.urkunde .u-name     { top: 532pt;    font-size: 36pt; }
.urkunde .u-platz    { top: 605.5pt;  font-size: 40pt; }
.urkunde .u-ringe    { top: 657pt;    font-size: 16pt; }
.urkunde .u-datum    { top: 741.5pt;  left: 24.4pt; right: auto; width: 200pt; text-align: left; font-size: 15pt; }
.urkunde .u-block    { left: auto; right: auto; width: 180pt; margin-left: -90pt; }
.urkunde .u-sig      { top: 731.9pt;  left: 477.7pt; font-size: 21pt; font-family: Vivaldi, "Urkunde Schrift", cursive; }
.urkunde .u-unterz   { top: 765.4pt;  left: 477.7pt; font-size: 15pt; }
.urkunde .u-funktion { top: 783.0pt;  left: 477.7pt; font-size: 13pt; }

/* Vordruckpapier: kein Hintergrund, keine Schatten */
.urkunde.ohne-hg { background: #fff; }

/* Handy: Urkunde als Ganzes verkleinern (Skalierung per Skript, siehe urkunde.php) */
@media screen and (max-width: 820px) {
  .druckleiste .hinweis { flex-basis: 100%; }
  .urkunde { margin: 10px auto; }
}

@media print {
  .urkunde { zoom: 1 !important; }
  body { background: none; }
  .druckleiste, .leer-hinweis { display: none; }
  .urkunde { margin: 0; box-shadow: none; break-after: page; }
  .urkunde:last-child { break-after: auto; }
}