html {
    box-sizing: border-box;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    background: #fafafa;
}

/*
 * Markdown-Beschreibungen (info-Text + Endpunkt-/Modell-Beschreibungen):
 * Die gepolsterten Inline-`code`-Hintergruende ueberlappen bei zu geringer
 * Zeilenhoehe die Nachbarzeilen. Mehr line-height + moderate, symmetrische
 * Code-Polsterung verhindern das Ueberdecken.
 */
.swagger-ui .markdown p,
.swagger-ui .markdown li,
.swagger-ui .renderedMarkdown p,
.swagger-ui .renderedMarkdown li {
    line-height: 1.85;
}

.swagger-ui .markdown li,
.swagger-ui .renderedMarkdown li {
    margin-bottom: 4px;
}

.swagger-ui .markdown code,
.swagger-ui .renderedMarkdown code {
    padding: 1px 5px;
    margin: 0 1px;
    line-height: 1.4;
    border-radius: 4px;
    vertical-align: baseline;
    white-space: nowrap;
}

/*
 * Klappbare Beispielcode-Boxen (<details>/<summary>) in der API-Beschreibung
 * deutlich als anklickbares Element kennzeichnen - sonst kaum von Fliesstext
 * unterscheidbar. Rahmen + getoente Button-Leiste + drehender Pfeil.
 */
.swagger-ui .renderedMarkdown details,
.swagger-ui .markdown details {
    border: 1px solid #4990e2;
    border-radius: 6px;
    margin: 16px 0;
}
.swagger-ui .renderedMarkdown details > summary,
.swagger-ui .markdown details > summary {
    cursor: pointer;
    padding: 10px 14px;
    font-weight: 700;
    background: rgba(73, 144, 226, .12);
    list-style: none;
    user-select: none;
}
.swagger-ui .renderedMarkdown details > summary:hover,
.swagger-ui .markdown details > summary:hover {
    background: rgba(73, 144, 226, .22);
}
.swagger-ui .renderedMarkdown details > summary::-webkit-details-marker,
.swagger-ui .markdown details > summary::-webkit-details-marker {
    display: none;
}
.swagger-ui .renderedMarkdown details > summary::before,
.swagger-ui .markdown details > summary::before {
    content: "\25B8\00a0";   /* ▸ */
    color: #4990e2;
    font-weight: 700;
}
.swagger-ui .renderedMarkdown details[open] > summary::before,
.swagger-ui .markdown details[open] > summary::before {
    content: "\25BE\00a0";   /* ▾ */
}
.swagger-ui .renderedMarkdown details[open] > summary,
.swagger-ui .markdown details[open] > summary {
    border-bottom: 1px solid #4990e2;
}
.swagger-ui .renderedMarkdown details > *:not(summary),
.swagger-ui .markdown details > *:not(summary) {
    padding-left: 14px;
    padding-right: 14px;
}
.swagger-ui .renderedMarkdown details > *:last-child,
.swagger-ui .markdown details > *:last-child {
    padding-bottom: 10px;
}

/*
 * Beispielcode-Boxen: sauberer Zeilenumbruch (statt Ueberlauf) + Platz fuer den
 * Kopier-Button.
 *
 * WICHTIG: SwaggerUI sanitisiert das class-Attribut weg (DOMPurify FORBID_ATTR
 * ["style","class"], da useUnsafeMarkdown=false). Aus <pre class="binect-code">
 * wird also ein nacktes <pre>. Deshalb hier ueber Element-Selektoren (pre / pre
 * code) ansprechen, NICHT ueber eine Klasse. Ausserdem greift sonst die generische
 * code{white-space:nowrap}-Regel (oben) auch innerhalb <pre> -> Newlines kollabieren
 * zu Leerzeichen (One-Liner). Daher den Umbruch fuer <code> in <pre> hier explizit
 * mit hoeherer Spezifitaet (pre code) zuruecksetzen.
 */
.swagger-ui .renderedMarkdown pre,
.swagger-ui .markdown pre,
.swagger-ui .renderedMarkdown pre code,
.swagger-ui .markdown pre code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.swagger-ui .renderedMarkdown pre code,
.swagger-ui .markdown pre code {
    padding: 0;
    margin: 0;
    background: none;
    border-radius: 0;
}
/* Beispielcode-Boxen liegen im Klappmenue -> dort Platz fuer den Kopier-Button. */
.swagger-ui .renderedMarkdown details pre,
.swagger-ui .markdown details pre {
    position: relative;
    padding: 32px 14px 12px;
    margin: 6px 0 16px;
    border-radius: 6px;
}
.swagger-ui .renderedMarkdown details pre .binect-copy,
.swagger-ui .markdown details pre .binect-copy {
    position: absolute;
    top: 6px;
    right: 6px;
    font: 600 12px/1 -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    padding: 4px 9px;
    border: 1px solid #4990e2;
    border-radius: 4px;
    background: #fff;
    color: #4990e2;
    cursor: pointer;
}
.swagger-ui details pre .binect-copy:hover { background: #4990e2; color: #fff; }
.swagger-ui details pre .binect-copy.done { border-color: #2a9d4a; color: #2a9d4a; }