.page-body figure.cms-code,
#main-content figure.cms-code {
    margin: 1.25rem 0;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    overflow: visible;
    font-weight: 400;
}

.page-body figure.cms-code .cms-code__pre,
.page-body figure.cms-code pre,
#main-content figure.cms-code .cms-code__pre,
#main-content figure.cms-code pre {
    display: block;
    box-sizing: border-box;
    margin: 0;
    max-width: 100%;
    min-width: 0;
    padding: 0 !important;
    overflow-x: auto;
    overflow-y: hidden;
    font-family: ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, monospace;
    font-size: 0.9rem;
    line-height: 1.75;
    font-weight: 400;
    background: transparent !important;
    box-shadow: none;
    color: var(--cms-text, currentColor);
    white-space: pre;
    tab-size: 4;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

figure.cms-code .cms-code__code,
figure.cms-code code {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: 400;
    background: transparent !important;
    padding: 0 !important;
    margin: 0;
    border: 0;
    white-space: inherit;
    word-break: normal;
    overflow-wrap: normal;
}

figure.cms-code pre::-webkit-scrollbar { height: 8px; }
figure.cms-code pre::-webkit-scrollbar-track { background: transparent; }
figure.cms-code pre::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

/* ColorCode-Klassen: !important, sonst gewinnt Layout (#main-content / inherit / transparent) */
figure.cms-code.cms-code--hl .PlainText,
figure.cms-code.cms-code--hl .plainText { color: var(--cms-text, currentColor) !important; }
figure.cms-code.cms-code--hl .HtmlServerSideScript,
figure.cms-code.cms-code--hl .htmlServerSideScript { color: #64748b !important; }
figure.cms-code.cms-code--hl .HtmlComment,
figure.cms-code.cms-code--hl .htmlComment,
figure.cms-code.cms-code--hl .Comment,
figure.cms-code.cms-code--hl .comment,
figure.cms-code.cms-code--hl .XmlComment,
figure.cms-code.cms-code--hl .xmlComment,
figure.cms-code.cms-code--hl .XmlDocComment,
figure.cms-code.cms-code--hl .xmlDocComment { color: #15803d !important; font-style: italic !important; font-weight: 400 !important; }
figure.cms-code.cms-code--hl .HtmlTagDelimiter,
figure.cms-code.cms-code--hl .htmlTagDelimiter,
figure.cms-code.cms-code--hl .XmlDelimiter,
figure.cms-code.cms-code--hl .xmlDelimiter { color: #7c3aed !important; }
figure.cms-code.cms-code--hl .HtmlElementName,
figure.cms-code.cms-code--hl .htmlElementName,
figure.cms-code.cms-code--hl .XmlName,
figure.cms-code.cms-code--hl .xmlName { color: #b91c1c !important; }
figure.cms-code.cms-code--hl .HtmlAttributeName,
figure.cms-code.cms-code--hl .htmlAttributeName,
figure.cms-code.cms-code--hl .XmlAttribute,
figure.cms-code.cms-code--hl .xmlAttribute { color: #c2410c !important; }
figure.cms-code.cms-code--hl .HtmlAttributeValue,
figure.cms-code.cms-code--hl .htmlAttributeValue,
figure.cms-code.cms-code--hl .XmlAttributeValue,
figure.cms-code.cms-code--hl .xmlAttributeValue { color: #1d4ed8 !important; }
figure.cms-code.cms-code--hl .HtmlOperator,
figure.cms-code.cms-code--hl .htmlOperator,
figure.cms-code.cms-code--hl .Operator,
figure.cms-code.cms-code--hl .operator { color: #334155 !important; }
figure.cms-code.cms-code--hl .Keyword,
figure.cms-code.cms-code--hl .keyword,
figure.cms-code.cms-code--hl .PreprocessorKeyword,
figure.cms-code.cms-code--hl .preprocessorKeyword { color: #1d4ed8 !important; font-weight: 400 !important; }
figure.cms-code.cms-code--hl .String,
figure.cms-code.cms-code--hl .string,
figure.cms-code.cms-code--hl .StringCSharpVerbatim,
figure.cms-code.cms-code--hl .stringCSharpVerbatim { color: #be123c !important; }
figure.cms-code.cms-code--hl .Number,
figure.cms-code.cms-code--hl .number { color: #047857 !important; }
figure.cms-code.cms-code--hl .ClassName,
figure.cms-code.cms-code--hl .className { color: #0e7490 !important; }
figure.cms-code.cms-code--hl .XmlDocTag,
figure.cms-code.cms-code--hl .xmlDocTag,
figure.cms-code.cms-code--hl .XmlCDataSection,
figure.cms-code.cms-code--hl .xmlCDataSection { color: #64748b !important; }
figure.cms-code.cms-code--hl .XmlAttributeQuotes,
figure.cms-code.cms-code--hl .xmlAttributeQuotes { color: #1d4ed8 !important; }