/* Mitternacht – Abendgala. Eigenheit: doppelter Goldrahmen, Art-déco-Fächer, Namen in Gold. */

.vorlage--mitternacht {
  --titel-groesse: clamp(1.9rem, 1.2rem + 2.6vw, 3.4rem);
  --titel-tracking: .06em;
  --namen-groesse: clamp(4rem, 2rem + 9vw, 8.5rem);
  --etikett-tracking: .34em;
  --text-gewicht: 300;
  --linie: color-mix(in srgb, var(--farbe-akzent) 22%, transparent);
  --linie-stark: color-mix(in srgb, var(--farbe-akzent) 45%, transparent);
}

.vorlage--mitternacht .zier--trenner {
  width: 7rem; height: 3.6rem; margin-top: .9rem; margin-bottom: 1.3rem;
  background: var(--zier-farbe);
  -webkit-mask: url(../_zier/faecher.svg) no-repeat center / contain;
  mask: url(../_zier/faecher.svg) no-repeat center / contain;
}
.vorlage--mitternacht .zier--kopf,
.vorlage--mitternacht .zier--fuss {
  display: block; width: 8rem; height: 4rem; margin: 1.4rem auto .6rem;
  -webkit-mask-image: url(../_zier/faecher.svg); mask-image: url(../_zier/faecher.svg);
}

.vorlage--mitternacht .etikett,
.vorlage--mitternacht .kopf__namen,
.vorlage--mitternacht .fuss__namen,
.vorlage--mitternacht .ablauf__zeit,
.vorlage--mitternacht .geschichte__jahr { color: var(--farbe-akzent); }
.vorlage--mitternacht .kopf__verbinder { color: var(--farbe-text); }

.vorlage--mitternacht .variante--schrift .kopf__text,
.vorlage--mitternacht .sonderseite__inhalt > .etikett ~ .formular {
  outline: 1px solid var(--linie-stark);
  outline-offset: -1.25rem;
}
.vorlage--mitternacht .variante--schrift .kopf__text {
  margin: clamp(1rem, 4vw, 3rem);
  padding: clamp(4rem, 3rem + 5vw, 7rem) clamp(2rem, 1rem + 5vw, 6rem);
  border: 1px solid var(--linie-stark);
}
.vorlage--mitternacht .monogramm { border-color: var(--farbe-akzent); color: var(--farbe-akzent); box-shadow: 0 0 0 5px var(--farbe-grund), 0 0 0 6px var(--linie-stark); }

.vorlage--mitternacht .knopf { background: transparent; color: var(--farbe-akzent); border-color: var(--farbe-akzent); }
.vorlage--mitternacht .knopf:hover { background: var(--farbe-akzent); color: var(--farbe-grund); }
.vorlage--mitternacht .kopf__bild.bild--leer::before {
  content: ""; position: absolute; inset: 30% 18%; background: var(--farbe-akzent); opacity: .6;
  -webkit-mask: url(../_zier/faecher.svg) no-repeat center / contain; mask: url(../_zier/faecher.svg) no-repeat center / contain;
}

.vorlage--mitternacht .baustein--ablauf,
.vorlage--mitternacht .baustein--zusage { background: var(--farbe-flaeche); }
.vorlage--mitternacht .ablauf__symbol { border-color: var(--farbe-akzent); transform: rotate(45deg); border-radius: 0; width: 2.6rem; height: 2.6rem; margin: .3rem; }
.vorlage--mitternacht .ablauf__symbol .symbol { transform: rotate(-45deg); }
.vorlage--mitternacht .ablauf__eintrag::before { top: 3.8rem; }
.vorlage--mitternacht .karte__ebene { filter: grayscale(1) invert(.9) contrast(.85) brightness(.95); }
.vorlage--mitternacht .formular select option { color: #222; }