/* Salbei – Fine-Art. Eigenheit: Olivenzweig als Trenner, Titelfoto im Bogen, Lorbeerkranz. */

.vorlage--salbei {
  --etikett-tracking: .32em;
  --namen-groesse: clamp(4rem, 2rem + 9vw, 8.5rem);
  --radius-knopf: 99px;
  --titel-groesse: clamp(2.5rem, 1.5rem + 3.6vw, 4.6rem);
}

.vorlage--salbei .zier--trenner {
  width: 8.5rem; height: 2.2rem; margin-top: 1.2rem; margin-bottom: 1.5rem;
  background: var(--zier-farbe);
  -webkit-mask: url(../_zier/zweig.svg) no-repeat center / contain;
  mask: url(../_zier/zweig.svg) no-repeat center / contain;
}
.vorlage--salbei .zier--kopf,
.vorlage--salbei .zier--fuss {
  display: block;
  width: 7rem; height: 7rem; margin: 1.25rem auto;
  -webkit-mask-image: url(../_zier/kranz.svg); mask-image: url(../_zier/kranz.svg);
}
.vorlage--salbei .zier--kopf { width: 3.2rem; height: 3.2rem; margin: 1rem auto .5rem; -webkit-mask-image: url(../_zier/zweig-senkrecht.svg); mask-image: url(../_zier/zweig-senkrecht.svg); transform: rotate(90deg); }

.vorlage--salbei .titel { font-weight: 300; }
.vorlage--salbei .kopf__vorzeile { font-family: var(--schrift-titel); font-style: italic; font-size: 1.35rem; letter-spacing: .02em; text-transform: none; }
.vorlage--salbei .kopf__bild { outline: 1px solid var(--linie-stark); outline-offset: 10px; }
.vorlage--salbei .kopf__bild.bild--leer::before {
  content: ""; position: absolute; inset: 22%;
  background: var(--farbe-akzent); opacity: .55;
  -webkit-mask: url(../_zier/kranz.svg) no-repeat center / contain; mask: url(../_zier/kranz.svg) no-repeat center / contain;
}

.vorlage--salbei .baustein--text,
.vorlage--salbei .baustein--zusage,
.vorlage--salbei .baustein--ansprechpartner { background: var(--farbe-flaeche); }
.vorlage--salbei .baustein--zusage .formular { background: var(--farbe-grund); padding: clamp(1.5rem, 1rem + 3vw, 3.5rem); }

.vorlage--salbei .ablauf__symbol { border-color: var(--farbe-akzent); }
.vorlage--salbei .zitat__text { font-weight: 300; }