.kanzlei {
  --wald: #203f35;
  --papier: #f7f4ea;
  --kante: #cac7b9;
  color: #28382f;
  background: var(--papier);
}
.kanzlei :is(h1, h2, h3) {
  color: var(--wald);
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
  letter-spacing: -.045em;
}
.kanzlei .praxis-rubrik { color: #4b6752; }
.kanzlei .praxis-cta { background: var(--wald); color: #fffdf5; }
.kanzlei .praxis-cta:hover { background: #345643; color: white; }
.kanzlei-auftakt { padding-top: clamp(1.1rem, 2.8vw, 2.35rem); }
.kanzlei-kopf {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: center;
  gap: clamp(2rem, 5.8vw, 5rem);
  padding-block: clamp(2.5rem, 5.5vw, 5.5rem);
}
.kanzlei-intro h1 { max-width: 15ch; font-size: clamp(2.7rem, 5.3vw, 5.1rem); line-height: 1; }
.kanzlei-intro > p:not(.praxis-rubrik) {
  max-width: 44ch; margin: 1.35rem 0 1.75rem;
  font-size: clamp(1.05rem, 1.45vw, 1.25rem); line-height: 1.55;
}
.kanzlei-mappe {
  position: relative;
  padding: clamp(1.2rem, 3vw, 2.6rem);
  padding-left: clamp(1.65rem, 4vw, 3.65rem);
  background: #435548;
  background-image: linear-gradient(90deg, #293f32 0 .6rem, #7f8d78 .6rem .68rem, transparent .68rem);
  border: 1px solid #314336;
  box-shadow: 0 .4rem 1rem #34352318;
}
.kanzlei-blatt {
  position: relative;
  padding: clamp(1.2rem, 2.9vw, 2.5rem);
  background: #fffcf2;
  box-shadow: .22rem .25rem 0 #d6d4be, .31rem .38rem 0 #314135;
}
.kanzlei-blattkopf, .kanzlei-aktenzeile span, .kanzlei-summe span, .kanzlei-mappe figcaption {
  font-size: .78rem;
  line-height: 1.45;
}
.kanzlei-blattkopf {
  display: flex; justify-content: space-between; gap: .75rem;
  padding-bottom: .65rem; border-bottom: 2px solid #465545; color: #4c5c4f;
  text-transform: uppercase; letter-spacing: .08em; font-weight: 700;
}
.kanzlei-jahr { margin-top: 1.5rem; font: 1.6rem/1.25 Georgia, serif; }
.kanzlei-summe { margin-block: 1.2rem; border-block: 1px solid var(--kante); padding: 1rem 0; }
.kanzlei-summe span, .kanzlei-summe strong { display: block; }
.kanzlei-summe strong {
  width: fit-content; color: #213b2e;
  font: 400 clamp(2.65rem, 4.8vw, 4.55rem)/1.1 Georgia, serif; letter-spacing: -.055em;
  background: linear-gradient(transparent 72%, #ebd898 72% 94%, transparent 94%);
}
.kanzlei-randnotiz { border-left: 2px solid #8c7435; padding-left: .75rem; font: italic 1rem/1.5 Georgia, serif; }
.kanzlei-mappe figcaption { margin-top: 1.15rem; color: #f1f2df; }
.kanzlei-pruefung { background: #fffdf6; border-block: 1px solid var(--kante); padding-block: clamp(2.5rem, 5vw, 4.5rem); }
.kanzlei h2 { font-size: clamp(2rem, 3.7vw, 3.4rem); }
.kanzlei-einleitung { max-width: 63ch; margin-top: 1rem; }
.kanzlei-gegenueber {
  display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  border-block: 2px solid var(--wald); margin-top: clamp(1.7rem, 3.5vw, 2.8rem);
}
.kanzlei-original, .kanzlei-bearbeitung { min-width: 0; padding-block: clamp(1.2rem, 2.5vw, 2rem); }
.kanzlei-original { padding-right: clamp(1.2rem, 4vw, 3.3rem); }
.kanzlei-original h3, .kanzlei-ergebnis h3 { font-size: 1.55rem; }
.kanzlei-original blockquote { margin: 1.1rem 0; font: 1.18rem/1.6 Georgia, serif; overflow-wrap: anywhere; }
.kanzlei-original mark { color: #42351a; background: #f0dfa8; }
.kanzlei-aktenzeile { display: flex; justify-content: space-between; gap: .5rem; align-items: baseline; flex-wrap: wrap; border-top: 1px solid var(--kante); padding-top: .65rem; }
.kanzlei-bearbeitung { border-left: 1px solid var(--kante); padding-left: clamp(1.2rem, 4vw, 3.3rem); }
.kanzlei-bearbeitung fieldset { border: 0; padding: 0; margin: 0 0 1rem; min-width: 0; }
.kanzlei-bearbeitung legend { padding: 0; font-weight: 700; margin-bottom: .4rem; }
.kanzlei-bearbeitung label { display: flex; align-items: center; gap: .65rem; width: fit-content; min-height: 2.5rem; cursor: pointer; }
.kanzlei-bearbeitung input { flex: none; width: 1.15rem; height: 1.15rem; margin: 0; accent-color: var(--wald); }
.kanzlei-ergebnis { padding: 1rem 1.2rem; background: #eaf0e5; border-left: .2rem solid #647d65; }
.kanzlei-ergebnis p { font-size: 1rem; margin: .45rem 0 0; overflow-wrap: anywhere; }
.kanzlei-ergebnis .kanzlei-mailwert, .kanzlei-ergebnis .kanzlei-zeichenwert { font-size: .91rem; color: #405540; }
.kanzlei-bearbeitung:has(#kanzlei-mail:checked) .kanzlei-mailwert,
.kanzlei-bearbeitung:has(#kanzlei-zeichen:checked) .kanzlei-zeichenwert { display: none; }
.kanzlei-uebergabe { max-width: 74ch; margin-top: 1.25rem; }
.kanzlei-begruendung { padding: 1rem 0; border-bottom: 1px solid var(--kante); }
.kanzlei-begruendung summary { color: var(--wald); }
.kanzlei-begruendung p { max-width: 65ch; }
.kanzlei-begruendung a { display: inline-block; margin-top: .75rem; }
.kanzlei-weiter { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1.2rem, 4vw, 3.5rem); padding-block: clamp(2.5rem, 5vw, 4.5rem); }
.kanzlei-weiter h2 { max-width: 18ch; }
.kanzlei-weiter .praxis-links { margin-top: 1.4rem; }
@media (max-width: 52rem) {
  .kanzlei-kopf, .kanzlei-weiter { grid-template-columns: minmax(0, 1fr); }
  .kanzlei-kopf { gap: 1.75rem; }
  .kanzlei-mappe { width: min(100%, 34rem); }
}
@media (max-width: 44rem) {
  .kanzlei-gegenueber { grid-template-columns: minmax(0, 1fr); }
  .kanzlei-original { padding-right: 0; }
  .kanzlei-bearbeitung { border-left: 0; border-top: 1px solid var(--kante); padding-left: 0; }
}