:root  > * {
  --md-admonition-icon--checklist: url('../images/admonition-checklist.svg');
  --md-admonition-icon--step: url('../images/admonition-step.svg');
  --md-admonition-icon--lemma: url('../images/admonition-lemma.svg');
  --md-admonition-icon--obacht: url('../images/admonition-obacht.svg');
}

/* GLOBAL COLORS */

.md-typeset .admonition,
.md-typeset details,
.md-typeset details:focus-within {
  border: none;
  color: var(--md-admonition-color);
  background: var(--md-admonition-background)
  border-color: var(--md-admonition-border-color);
  box-shadow: var(--md-shadow-z3);
}
.md-typeset details:not([open]) {
  box-shadow: none;
}
.md-typeset .admonition > .admonition-title,
.md-typeset details  > summary {
  color: var(--md-admonition-title-color);
  background-color: var(--md-admonition-title-background);
}
.md-typeset .admonition > .admonition-title {
  background-color: var(--md-admonition-background);
}

.md-typeset .admonition  > .admonition-title::before,
.md-typeset details  > summary::before {
  background-color: var(--md-admonition-icon-color);
}

/* ICONS */

.md-typeset .checklist > .admonition-title::before,
.md-typeset .checklist > summary::before {
  -webkit-mask-image: var(--md-admonition-icon--checklist);
          mask-image: var(--md-admonition-icon--checklist);
}

.md-typeset .lemma > .admonition-title::before,
.md-typeset .lemma > summary::before {
  -webkit-mask-image: var(--md-admonition-icon--lemma);
          mask-image: var(--md-admonition-icon--lemma);
}

.md-typeset .step > .admonition-title::before,
.md-typeset .step > summary::before {
  -webkit-mask-image: var(--md-admonition-icon--step);
          mask-image: var(--md-admonition-icon--step);
}

.md-typeset .obacht > .admonition-title::before,
.md-typeset .obacht > summary::before {
  -webkit-mask-image: var(--md-admonition-icon--obacht);
          mask-image: var(--md-admonition-icon--obacht);
}

/* Checklist */
/*.md-typeset .admonition.checklist,
.md-typeset details.checklist {
  border-color: var(--md-admonition-color--checklist);
}
.md-typeset .checklist > .admonition-title,
.md-typeset .checklist > summary {
  color: var(--md-admonition-color--checklist);
  background-color: var(--md-admonition-background--checklist);
}

.md-typeset .checklist > .admonition-title::before,
.md-typeset .checklist > summary::before {
  background-color: var(--md-admonition-color--checklist);
*/  /* nutzt das SVG als Maske, deswegen bekommt es die Background-Farbe ab! */
/*  -webkit-mask-image: var(--md-admonition-icon--checklist);
          mask-image: var(--md-admonition-icon--checklist);
}
*/
/* Step */

/*.md-typeset .admonition.step,
.md-typeset details.step {
  border-color: var(--md-admonition-color--step);
}
.md-typeset .step > .admonition-title,
.md-typeset .step > summary {
  color: var(--md-admonition-color--step);
  background-color: var(--md-admonition-background--step);
}

.md-typeset .step > .admonition-title::before,
.md-typeset .step > summary::before {
  background-color: var(--md-admonition-color--step);
  -webkit-mask-image: var(--md-admonition-icon--step);
          mask-image: var(--md-admonition-icon--step);
}

*/
/* Lemma */

.md-typeset .admonition.lemma,
.md-typeset details.lemma {
  border-color: #bbb;
}
.md-typeset details.lemma:not([open]) {
  margin-top: 0;
  margin-bottom: 0;
}
.md-typeset details.lemma:not([open]) summary {
  padding-bottom: 0;
}
.md-typeset .lemma > .admonition-title,
.md-typeset .lemma > summary {
  color: inherit;
  background-color: #fff;
  width: auto;
}

.md-typeset .lemma > .admonition-title::before,
.md-typeset .lemma > summary::before {
  background-color: #000;
}