/* Shared by the public article and the CMS editor. */
.article-callout { position: relative; margin: 24px 0; padding: 18px 22px 18px 58px; border: 1px solid #c9dff0; border-left: 4px solid #1155aa; border-radius: 5px; background: #edf7ff; color: #263c55; line-height: 1.75; overflow-wrap: anywhere; }
.article-callout::before { content: url("../images/callout-info.svg") / "Hinweis"; position: absolute; top: 22px; left: 18px; width: 24px; height: 24px; line-height: 1; }
.article-callout-warning { background: #fff8e6; border-color: #ecd594; border-left-color: #a36500; color: #4b3a1a; }
.article-callout-warning::before { content: url("../images/callout-warning.svg") / "Achtung"; }
.article-callout > :first-child { margin-top: 0; }
.article-callout > :last-child { margin-bottom: 0; }
.article-callout a { color: #1155aa; text-decoration: underline; }