:root{
  --flaggenrot:#D6242B;   /* Rot der kurdischen Flagge, für das Siegel */
  --kritzel-a:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20130%20130%22%3E%3Cpath%20d%3D%22M48.2%2C1.7%20L61.0%2C35.6%20L92.4%2C34.2%20L68.5%2C56.5%20L81.3%2C92.4%20L48.1%2C71.9%20L26.1%2C88.7%20L32.0%2C54.7%20L4.7%2C31.5%20L37.6%2C32.0%20Z%22%20transform%3D%22translate%2818%2C35%29%20scale%280.50%29%20rotate%285%29%22%20fill%3D%22%23F7C600%22%2F%3E%3Cpath%20d%3D%22M47.1%2C6.8%20L62.0%2C34.5%20L91.3%2C33.4%20L67.7%2C56.7%20L74.7%2C87.2%20L51.3%2C70.6%20L21.9%2C89.4%20L30.9%2C54.4%20L7.1%2C39.9%20L36.9%2C32.6%20Z%22%20transform%3D%22translate%2839%2C9%29%20scale%280.36%29%20rotate%2817%29%22%20fill%3D%22none%22%20stroke%3D%22%23D6247B%22%20stroke-width%3D%226%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M47.8%2C6.1%20L62.4%2C35.3%20L96.2%2C36.9%20L67.5%2C55.7%20L80.0%2C91.6%20L48.5%2C71.7%20L25.9%2C90.1%20L30.5%2C57.8%20L9.4%2C35.0%20L38.5%2C32.0%20Z%22%20transform%3D%22translate%2819%2C18%29%20scale%280.75%29%20rotate%28-1%29%22%20fill%3D%22%231F9254%22%2F%3E%3Cpath%20d%3D%22M51.1%2C1.3%20L61.8%2C32.3%20L98.0%2C38.0%20L70.9%2C55.6%20L78.2%2C90.6%20L48.4%2C69.9%20L22.0%2C89.3%20L29.1%2C56.2%20L5.7%2C37.2%20L37.0%2C34.8%20Z%22%20transform%3D%22translate%2851%2C31%29%20scale%280.61%29%20rotate%28-17%29%22%20fill%3D%22none%22%20stroke%3D%22%23E0B000%22%20stroke-width%3D%226%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  --kritzel-b:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20130%20130%22%3E%3Cpath%20d%3D%22M50.3%2C4.2%20L63.6%2C34.2%20L94.5%2C35.8%20L68.5%2C56.2%20L76.5%2C93.9%20L48.3%2C71.7%20L25.9%2C86.5%20L29.2%2C56.5%20L7.9%2C35.3%20L36.4%2C33.0%20Z%22%20transform%3D%22translate%2817%2C58%29%20scale%280.40%29%20rotate%2810%29%22%20fill%3D%22%2314789F%22%2F%3E%3Cpath%20d%3D%22M49.6%2C1.9%20L61.6%2C33.4%20L97.7%2C31.3%20L68.5%2C57.0%20L75.9%2C91.6%20L50.5%2C69.1%20L25.3%2C89.0%20L32.6%2C55.6%20L6.4%2C35.2%20L38.7%2C31.3%20Z%22%20transform%3D%22translate%2810%2C19%29%20scale%280.75%29%20rotate%28-15%29%22%20fill%3D%22none%22%20stroke%3D%22%23F7C600%22%20stroke-width%3D%226%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M49.9%2C5.4%20L63.1%2C34.8%20L99.2%2C36.7%20L70.1%2C55.2%20L81.0%2C91.7%20L51.4%2C70.3%20L20.7%2C85.7%20L32.9%2C57.0%20L5.6%2C36.8%20L38.2%2C33.9%20Z%22%20transform%3D%22translate%2840%2C30%29%20scale%280.53%29%20rotate%28-0%29%22%20fill%3D%22%236D5BD0%22%2F%3E%3Cpath%20d%3D%22M53.0%2C2.1%20L60.5%2C34.9%20L91.9%2C37.6%20L68.0%2C55.2%20L83.1%2C88.9%20L50.6%2C68.6%20L20.2%2C91.4%20L30.1%2C55.0%20L6.7%2C36.4%20L39.8%2C34.4%20Z%22%20transform%3D%22translate%2816%2C51%29%20scale%280.39%29%20rotate%28-13%29%22%20fill%3D%22none%22%20stroke%3D%22%23D6247B%22%20stroke-width%3D%226%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

/* Kinder-Welt · Urkunde */
.zert{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:var(--s5); align-items:start;
  padding-bottom:clamp(30px,5vw,60px) }
.zert__form{ background:var(--blau-hauch); border-radius:28px; padding:clamp(22px,3vw,34px) }
.zert__form h2{ margin:0 0 8px }
.zert__form label{ display:block; font-weight:700; margin:18px 0 8px }
.zert__form select{ width:100%; min-height:52px; border-radius:var(--rund-feld);
  border:2px solid transparent; background:#fff; padding:0 16px; font:inherit; font-weight:600 }
.zert__form select:focus{ outline:none; border-color:var(--blau-tief) }
.zert__knoepfe{ display:flex; flex-wrap:wrap; gap:12px; margin-top:26px }
.zert__hinweis{ margin:16px 0 0; font-size:14px; color:var(--grau); text-align:center }

/* ---------- Die Urkunde ---------- */
.urkunde{
  position:relative; aspect-ratio:297/210; container-type:inline-size;
  border-radius:18px; padding:clamp(16px,4.2cqw,50px); overflow:hidden;
  background:
    repeating-linear-gradient(0deg, rgba(20,120,159,.10) 0 1px, transparent 1px 22px),
    repeating-linear-gradient(90deg, rgba(20,120,159,.10) 0 1px, transparent 1px 22px),
    var(--weiss);
  box-shadow:0 18px 44px rgba(20,22,26,.16);
  display:flex;
}
/* Kritzelsterne am Rand — wie Buntstift auf Karopapier */
.urkunde::before, .urkunde::after{
  content:""; position:absolute; width:23cqw; aspect-ratio:1; pointer-events:none; opacity:.62;
  background-repeat:no-repeat; background-size:contain; z-index:0;   /* hinter dem Blatt */
}
.urkunde::before{ left:.5cqw; top:.5cqw; transform:rotate(-14deg); background-image:var(--kritzel-a) }
.urkunde::after{ right:.5cqw; bottom:.5cqw; transform:rotate(9deg); background-image:var(--kritzel-b) }

.urkunde__papier{
  position:relative; z-index:1; flex:1; min-height:0; overflow:hidden; background:#fff; border-radius:14px;
  padding:clamp(10px,2.4cqw,34px) clamp(14px,3.6cqw,50px);
  display:flex; flex-direction:column; align-items:center; text-align:center;
  box-shadow:0 6px 24px rgba(20,22,26,.10);
}
.sternchen{ width:clamp(84px,22cqw,240px); height:auto; margin-bottom:0 }

/* Titel: jeder Buchstabe eine Farbe, dick und rund */
.urkunde__titel{
  display:flex; gap:.06em; margin:0; line-height:.92;
  font-family:"Baloo 2","Quicksand",sans-serif !important; font-weight:800;
  font-size:clamp(26px,9.6cqw,120px); letter-spacing:-.01em;
}
.urkunde__titel span{ display:inline-block; text-shadow:0 3px 0 rgba(20,22,26,.10) }
.urkunde__titel span:nth-child(1){ color:var(--gruen); transform:rotate(-3deg) }
.urkunde__titel span:nth-child(2){ color:var(--gelb-tief); transform:rotate(2deg) }
.urkunde__titel span:nth-child(3){ color:var(--rot); transform:rotate(-1deg) }
.urkunde__titel span:nth-child(4){ color:var(--blau); transform:rotate(3deg) }
.urkunde__titel span:nth-child(5){ color:var(--flieder-tinte); transform:rotate(-2deg) }
.urkunde__titel span:nth-child(6){ color:var(--gelb-tief); transform:rotate(1deg) }
.urkunde__titel span:nth-child(7){ color:var(--gruen); transform:rotate(-3deg) }
.urkunde__ku-titel{ margin:.4cqw 0 0; font-size:clamp(13px,2.4cqw,28px); color:var(--grau) }

.urkunde__vor{ margin:clamp(5px,1.8cqw,22px) 0 0; font-size:clamp(11px,2.1cqw,24px);
  font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--blau) }
.urkunde__name{
  margin:clamp(2px,.8cqw,10px) 0 0; font-family:var(--schrift-hand) !important; font-weight:700;
  font-size:clamp(30px,9cqw,112px); line-height:1; color:var(--gelb-tief);
  border-bottom:3px solid var(--blau-hauch); padding:0 .3em .06em; min-width:52%;
  word-break:break-word;
}
.urkunde__nach{ margin:clamp(5px,1.5cqw,18px) 0 0; font-size:clamp(11px,1.9cqw,22px);
  font-weight:600; color:var(--grau) }
.urkunde__thema{ margin:clamp(2px,.6cqw,8px) 0 0; font-size:clamp(15px,3.4cqw,40px) }
.urkunde__thema b{ color:var(--blau-tief); font-weight:700 }
.urkunde__ku{ margin:.2cqw 0 0; font-size:clamp(10px,1.7cqw,20px); color:var(--grau) }
.urkunde__glueck{ margin:clamp(4px,1.2cqw,16px) 0 0; font-family:var(--schrift-hand) !important;
  font-weight:700; font-size:clamp(16px,3.6cqw,42px); color:var(--gruen) }

.urkunde__unten{ margin-top:auto; width:100%; flex:none; display:flex; align-items:flex-end;
  justify-content:space-between; gap:clamp(10px,3cqw,34px); padding-top:clamp(8px,2cqw,20px) }
.urkunde__siegel{ width:clamp(48px,13cqw,150px); flex:none }
.urkunde__siegel svg{ width:100%; height:auto; filter:drop-shadow(0 4px 8px rgba(20,22,26,.18)) }
.ros__kranz{ fill:var(--flaggenrot) }
.ros__grund{ fill:#fff }
.ros__strahlen{ fill:var(--gelb-tief) }
.ros__grund{ fill:#fff }
.ros__kern{ fill:var(--gelb) }
.urkunde__linien{ display:grid; gap:clamp(6px,1.6cqw,16px); flex:1; max-width:58% }
.urkunde__linien p{ margin:0; text-align:left }
.urkunde__linien span{ display:block; border-bottom:2px solid var(--tinte);
  min-height:1.5em; font-family:var(--schrift-hand) !important;
  font-size:clamp(13px,2.6cqw,30px); font-weight:700; padding-left:.2em }
.urkunde__linien small{ display:block; margin-top:.2cqw; font-size:clamp(8px,1.5cqw,16px);
  font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--grau) }

@media (max-width:900px){ .zert{ grid-template-columns:minmax(0,1fr); gap:var(--s4) } }

/* ---------- Druckbogen ----------
 * @page steht bewusst auf oberster Ebene — in @media print verschluckt mancher
 * Browser die Angabe „landscape". margin:0 sorgt dafür, dass Chrome Kopf- und
 * Fußzeile (Datum, Adresse, „Seite 1 von 1") gar nicht erst setzt. */
@page{ size:A4 landscape; margin:0 }

@media print{
  html, body{ width:297mm; height:210mm; margin:0; padding:0; background:#fff }
  body > *{ display:none !important }
  body > main{ display:block !important; margin:0; padding:0 }
  main > *{ display:none !important }
  main .bahn.zert{ display:block !important; width:297mm; max-width:none; margin:0; padding:0 }
  .zert__form, .zert__hinweis, .seiten-kopfbild, .kopf, .fuss, .zurueck-band, .sprung{ display:none !important }
  .zert__buehne{ display:block !important; margin:0 }

  .urkunde{ box-shadow:none; border-radius:0; width:297mm; height:210mm; aspect-ratio:auto;
    padding:15mm; page-break-after:avoid; break-inside:avoid;
    -webkit-print-color-adjust:exact; print-color-adjust:exact }
  .urkunde__papier{ border-radius:6mm; padding:7mm 16mm; box-shadow:none; border:1.5mm solid var(--gelb-blass) }
  .sternchen{ width:62mm }
  .urkunde__titel{ font-size:66pt }
  .urkunde__ku-titel{ font-size:15pt }
  .urkunde__vor{ font-size:14pt; margin-top:5mm }
  .urkunde__name{ font-size:58pt; margin-top:1mm; border-bottom-width:1mm }
  .urkunde__nach{ font-size:13pt; margin-top:4mm }
  .urkunde__thema{ font-size:24pt; margin-top:1mm }
  .urkunde__ku{ font-size:13pt }
  .urkunde__glueck{ font-size:23pt; margin-top:3mm }
  .urkunde__unten{ gap:14mm; padding-top:4mm }
  .urkunde__siegel{ width:27mm }
  .urkunde__linien span{ font-size:17pt }
  .urkunde__linien small{ font-size:9pt }
}