/* Basis-Stil für alle Callouts */
blockquote.callout {
  border: none; /* Kein farbiger Rand */
  border-radius: 4px;
  padding: 1em;
  margin: 1.5em 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* Callout-Titel ohne Icons */
.callout-title {
  font-weight: bold;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
  color: #333;
  /*padding-left: 0.5em; /* Etwas Padding für bessere Optik */
}

/* Spezifische Stile für jeden Callout-Typ */

/* Note */
.callout-note {
  background-color: #EEF3FB;
}
.callout-note .callout-title {
  color: #4E7DD9;
}

/* Abstract/Summary/Tldr */
.callout-abstract, .callout-summary, .callout-tldr {
  background-color: #EDF6F5;
}
.callout-abstract .callout-title, .callout-summary .callout-title, .callout-tldr .callout-title {
  color: #3EB8AE;
}

/* Info/Todo */
.callout-info, .callout-todo {
  background-color: #EEF3FB;
}
.callout-info .callout-title, .callout-todo .callout-title {
  color: #3584E4;
}

/* Tip/Hint/Important */
.callout-tip, .callout-hint, .callout-important {
  background-color: #EEF9F0;
}
.callout-tip .callout-title, .callout-hint .callout-title, .callout-important .callout-title {
  color: #59B063;
}

/* Success/Check/Done */
.callout-success, .callout-check, .callout-done {
  background-color: #EEF9F0;
}
.callout-success .callout-title, .callout-check .callout-title, .callout-done .callout-title {
  color: #3EB56C;
}

/* Question/Help/FAQ */
.callout-question, .callout-help, .callout-faq {
  background-color: #F8F4FF;
}
.callout-question .callout-title, .callout-help .callout-title, .callout-faq .callout-title {
  color: #9065DA;
}

/* Warning/Caution/Attention */
.callout-warning, .callout-caution, .callout-attention {
  background-color: #FEF6E8;
}
.callout-warning .callout-title, .callout-caution .callout-title, .callout-attention .callout-title {
  color: #DA8A3C;
}

/* Failure/Fail/Missing */
.callout-failure, .callout-fail, .callout-missing {
  background-color: #FCEBEC;
}
.callout-failure .callout-title, .callout-fail .callout-title, .callout-missing .callout-title {
  color: #DD5E63;
}

/* Danger/Error */
.callout-danger, .callout-error {
  background-color: #FBEAEC;
}
.callout-danger .callout-title, .callout-error .callout-title {
  color: #D95E68;
}

/* Bug */
.callout-bug {
  background-color: #FBEAEB;
}
.callout-bug .callout-title {
  color: #D84E56;
}

/* Example */
.callout-example {
  background-color: #EEF3FB;
}
.callout-example .callout-title {
  color: #6B9AE3;
}

/* Quote/Cite */
.callout-quote, .callout-cite {
  background-color: #F5F5F5;
}
.callout-quote .callout-title, .callout-cite .callout-title {
  color: #8B8B8B;
}

pre {
	background-color: #eeeeee;
	padding: 10px;
}

code {
	background-color: #eeeeee;
	font-style: italic;
}