html.a4-einblatt {
  --eb-blatt: 794;
  --eb-rand-oben: .07;
  --eb-rand-unten: .055;
  --eb-rand-links: .115;
  --eb-rand-rechts: .095;
  --eb-rand-telefon: .075;
  --eb-schrift-min: 16;
  --eb-schrift-max: 17;
  --eb-anteil-min: .017;
  --eb-zeilen: 1.45;
  --eb-tisch-rand: 2.5rem;
  --eb-marke: rgba(120, 108, 98, .45);
}

html.a4-einblatt .layout {
  padding: 2.5rem 1.5rem;
  padding: var(--eb-tisch-rand) 1.5rem;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
html.a4-einblatt .layout.mit-bildern { grid-template-columns: auto auto; }
html.a4-einblatt.bild-kopf .layout.mit-bildern { grid-template-columns: auto; }
@media (max-width: 56rem) {
  html.a4-einblatt .layout.mit-bildern,
  html.a4-einblatt.bild-kopf .layout.mit-bildern { grid-template-columns: minmax(0, 1fr); }
}
html.a4-einblatt .layout.mit-bildern.eb-stapel { grid-template-columns: minmax(0, 1fr); }
html.a4-einblatt .layout.eb-stapel > .bilder {
  -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1;
  position: relative; top: auto;
  width: 100%; max-width: 21rem; max-width: calc(var(--bild-breite, 15.5rem) + 5.5rem);
  margin: 0 auto;
  margin-top: var(--bild-oben, 0rem);
}
html.a4-einblatt .layout .sheet { -ms-grid-column-align: center; justify-self: center; }

html.a4-einblatt .layout .sheet {
  position: relative;
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
  width: 794px;
  width: var(--eb-w, 794px);
  max-width: 100%;
  height: auto;
  height: var(--eb-h, auto);
  min-height: 1123px;
  min-height: var(--eb-hmin, 1123px);
  padding: 56px 75px 44px 91px;
  padding: calc(var(--eb-w, 794px) * var(--eb-rand-oben))
           calc(var(--eb-w, 794px) * var(--eb-rand-rechts))
           calc(var(--eb-w, 794px) * var(--eb-rand-unten))
           calc(var(--eb-w, 794px) * var(--eb-rand-links));
  font-size: 16px;
  font-size: var(--eb-f, 16px);
  line-height: 1.5;
  line-height: var(--eb-zeilen);
  overflow-wrap: break-word; word-wrap: break-word;
}
html.a4-einblatt .layout .sheet > * {
  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;
}
html.a4-einblatt .layout .sheet.eb-wartet > * { visibility: hidden; }

html.a4-einblatt .layout .sheet:before {
  content: "";
  position: absolute; left: 0; top: 0;
  width: 27px;
  width: calc(var(--eb-w, 794px) * .034);
  height: 795px;
  height: calc(var(--eb-w, 794px) + 1px);
  pointer-events: none;
  background:
    linear-gradient(rgba(120, 108, 98, .45), rgba(120, 108, 98, .45)) 0 397px / 65% 1px no-repeat,
    linear-gradient(rgba(120, 108, 98, .45), rgba(120, 108, 98, .45)) 0 561px / 100% 1px no-repeat,
    linear-gradient(rgba(120, 108, 98, .45), rgba(120, 108, 98, .45)) 0 794px / 65% 1px no-repeat;
  background:
    linear-gradient(var(--eb-marke), var(--eb-marke)) 0 calc(var(--eb-w, 794px) * .5) / 65% 1px no-repeat,
    linear-gradient(var(--eb-marke), var(--eb-marke)) 0 calc(var(--eb-w, 794px) * .70711) / 100% 1px no-repeat,
    linear-gradient(var(--eb-marke), var(--eb-marke)) 0 var(--eb-w, 794px) / 65% 1px no-repeat;
}
@media screen {
  html.a4-einblatt .layout .sheet[data-eb="waechst"]:before { display: none; }
}

html.a4-einblatt .sheet .letterhead .name { font-size: 1.4em; line-height: 1.25; }
html.a4-einblatt .sheet .letterhead .practice { margin-top: .55em; font-size: 12px; line-height: 1.5; }
html.a4-einblatt .sheet .letterhead hr { margin-top: 1.15em; }

:where(html.a4-einblatt.bild-kopf) { --bild-breite: 6.9475rem; }
html.a4-einblatt.bild-kopf .sheet .letterhead .bilder {
  width: 111px;
  width: calc(var(--bild-breite, 6.9475rem) * var(--eb-skala, 1));
  min-width: 6.75rem;
  min-width: min(6.75rem, var(--bild-breite, 6.9475rem));
  margin: 0 0 .5em 1.5em;
}
html.a4-einblatt.bild-kopf .sheet.eb-mass .letterhead .bilder { float: right; }
html.a4-einblatt .layout .sheet.eb-mass > .bilder,
html.a4-einblatt .sheet.eb-mass .bilder.eb-ohne-bild { display: none; }

html.a4-einblatt .sheet .dateline {
  margin: 1.5em 0 0;
  font-size: 12px;
  font-size: max(12px, .72em);
  text-align: right;
}
html.a4-einblatt .sheet .statement p { margin: 1.05em 0 0; font-size: 1em; line-height: inherit; }
html.a4-einblatt .sheet .statement p:first-child { margin-top: 1.6em; }
html.a4-einblatt .sheet .signature { margin-top: 2.2em; font-size: 1.06em; }

html.a4-einblatt .sheet .lead {
  margin: 1.6em 0 0;
  font-size: 1em;
  line-height: 1.4;
  font-weight: 600;
}
html.a4-einblatt .sheet p.body { margin: .85em 0 0; font-size: 1em; line-height: inherit; }
html.a4-einblatt .sheet .more { margin: .6em 0 0; font-size: 1em; line-height: 1.45; }
html.a4-einblatt .sheet .more a { white-space: nowrap; }
html.a4-einblatt .sheet .more:first-of-type,
html.a4-einblatt .sheet p.body + .more { margin-top: 1em; }

html.a4-einblatt .sheet .rows {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-column-gap: 1.3em;
  -webkit-column-gap: 1.3em; column-gap: 1.3em;
  margin-top: 1em;
}
html.a4-einblatt .sheet .rows + .rows {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  margin-top: .7em;
}
html.a4-einblatt .sheet .rows .row {
  display: block;
  padding: .4em 0 .45em;
}
html.a4-einblatt .sheet .rows .key {
  display: block;
  min-width: 0;
  margin: 0 0 .25em;
  font-size: .75em;
  line-height: 1.5;
}
html.a4-einblatt .sheet .rows .desc { display: block; font-size: 1em; line-height: 1.4; }

html.a4-einblatt .sheet .eb-fuss {
  margin: auto 0 0;
  padding-top: 1.9em;
  background: linear-gradient(rgba(120, 108, 98, .14), rgba(120, 108, 98, .14)) 0 1.45em / 100% 1px no-repeat;
  background: linear-gradient(var(--rule-soft), var(--rule-soft)) 0 1.45em / 100% 1px no-repeat;
  font-family: 'Space Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-family: var(--font-mono);
  font-size: 11px;
  font-size: max(11px, .7em);
  line-height: 1.5;
  letter-spacing: .04em;
  color: #5f564f;
  color: var(--ink-soft);
}
html.a4-einblatt .sheet .eb-fuss span { white-space: nowrap; }

@media screen and (max-width: 36rem) {
  html.a4-einblatt .layout { padding: .75rem .625rem 1.25rem; }
  html.a4-einblatt .layout .sheet:not(.eb-mass) {
    padding-left: 28px; padding-right: 28px;
    padding-left: calc(var(--eb-w, 370px) * var(--eb-rand-telefon));
    padding-right: calc(var(--eb-w, 370px) * var(--eb-rand-telefon));
  }
  html.a4-einblatt.bild-kopf .sheet:not(.eb-mass) .letterhead .bilder { margin: 0 0 1.2em; }
  html.a4-einblatt .sheet:not(.eb-mass) .rows,
  html.a4-einblatt .sheet:not(.eb-mass) .rows + .rows { grid-template-columns: minmax(0, 1fr); }
  html.a4-einblatt .sheet:not(.eb-mass) .dateline { text-align: left; }
}

@media print {
  @page einblatt { size: A4; margin: 0; }
  html.a4-einblatt, html.a4-einblatt body { margin: 0; padding: 0; background: #fff; }
  html.a4-einblatt .layout { display: block; padding: 0; margin: 0; max-width: none; }
  html.a4-einblatt .layout > .bilder,
  html.a4-einblatt .layout .sheet > .bilder,
  html.a4-einblatt .sf { display: none; }
  html.a4-einblatt .bild.platzhalter,
  html.a4-einblatt .bilder.eb-ohne-bild { display: none !important; }
  html.a4-einblatt .bilder-rahmen:has(> .bild.platzhalter.ist-aktiv) > .bild:not(.platzhalter) {
    opacity: 1; visibility: visible; -webkit-transition: none; transition: none;
  }
  html.a4-einblatt .bilder-rahmen:has(> .bild.platzhalter.ist-aktiv) > .bild:not(.platzhalter) ~ .bild:not(.platzhalter) {
    opacity: 0; visibility: hidden;
  }
  html.a4-einblatt .layout .sheet {
    --eb-w: 210mm !important;
    --eb-skala: 1 !important;
    width: 210mm; max-width: none;
    height: 296.5mm; min-height: 0;
    margin: 0;
    font-size: 16px;
    font-size: var(--eb-fd, 16px);
    box-shadow: none; border-radius: 0;
    background: #fff;
    page: einblatt;
    page-break-inside: avoid; break-inside: avoid;
  }
  html.a4-einblatt .layout .sheet > * { visibility: visible; }
}
