/* ═══════════════════════════════════════════════════════════
Design-Variablen
═══════════════════════════════════════════════════════════ */
:root {
    --pm-dark: #102746;
    --pm-blue: #215395;
    --pm-bluelighter: #f0f4ff;
    --pm-accent: #636ae8;
    --pm-light: #fafafa;
    --pm-border: #dee1e6;
    --pm-text: #333333;
    --pm-muted: #6c757d;
    --pm-white: #ffffff;
    --pm-radius: 8px;
    --pm-shadow: 0 2px 12px rgba(16, 39, 70, .08);
    --pm-shadow-hover: 0 6px 24px rgba(16, 39, 70, .14);
    --pm-sidebar-w: 280px;
    --pm-transition: 0.2s ease;
    --pm-anchor-offset: 130px;
    /* Anchor-Scrolling (TOC): verhindert, dass Überschriften nach Klick „zu weit“ unter den Sticky Header rutschen, Header (~110px) + Breadcrumb/Spacing */

}

/* ── Breadcrumb ── */
.pm-breadcrumb {
    background: var(--pm-light);
    border-bottom: 1px solid var(--pm-border);
    padding: 0.6rem 0;
    font-size: 0.875rem;
}

.pm-breadcrumb .breadcrumb-item a {
    color: var(--pm-blue);
    text-decoration: none;
}



/* ══════════════════════════════════════════════════════════
SIDEBAR
══════════════════════════════════════════════════════════ */
.pm-sidebar {
    background: var(--pm-white);
    border-right: 1px solid var(--pm-border);
    min-height: calc(100vh - 80px);
}

.pm-sidebar-inner {
    padding: 1.5rem 0;
    position: sticky;
    top: 80px;
}

.pm-sidebar-title {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--pm-muted);
    padding: 0 1.25rem 0.75rem;
    margin: 0;
    border-bottom: 1px solid var(--pm-border);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ── Kategorie-Nav ── */
.pm-category-list {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
}

.pm-category-item {
    border-bottom: 1px solid var(--pm-border);
}

.pm-category-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.25rem;
    text-decoration: none;
    color: var(--pm-text);
    font-size: 1.0rem;
    transition: background var(--pm-transition), color var(--pm-transition);
    position: relative;
}

.pm-category-link:hover {
    background: var(--pm-light);
    color: var(--pm-blue);
}

.pm-category-item.active .pm-category-link {
    background: var(--pm-light);
    color: var(--pm-blue);
    font-weight: 600;
}

.pm-category-item.active .pm-category-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--pm-blue);
    border-radius: 0 2px 2px 0;
}

.pm-category-nr {
    font-size: 0.75rem;
    color: var(--pm-muted);
    font-weight: 500;
    min-width: 2.5rem;
}

.pm-category-label {
    flex: 1;
    line-height: 1.3;
}

body {
    padding-top: 110px;
}

.pm-doku .pm-doku-content [id] {
    scroll-margin-top: var(--pm-anchor-offset);
}

/* Breadcrumb: Dokumentations-Icon */
.pm-breadcrumb-row {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.pm-breadcrumb-doc {
    margin-left: auto;
    list-style: none;
}

.pm-breadcrumb-row .breadcrumb-item {
    flex: 0 0 auto;
}

.pm-doc-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(31, 58, 143, .18);
    background: rgba(255, 212, 0, .18);
    color: #13203a;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.pm-doc-link:hover {
    background: rgba(255, 212, 0, .30);
    border-color: rgba(31, 58, 143, .28);
    transform: translateY(-1px);
    text-decoration: none;
}

.pm-doc-link i {
    font-size: 16px;
}

/* Header: Dokumentations-Icon in der Top-Navigation (unused) */
.pm-nav-doc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(31, 58, 143, .18);
    background: rgba(255, 212, 0, .18);
    color: #13203a;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.pm-nav-doc:hover {
    background: rgba(255, 212, 0, .30);
    border-color: rgba(31, 58, 143, .28);
    transform: translateY(-1px);
    text-decoration: none;
}

.pm-nav-doc i {
    font-size: 18px;
}

/* Documentation-Seite: Layout an Listing anlehnen */
.pm-doku .layout {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 18px;
}

@media (max-width: 920px) {
    .pm-doku .layout {
        grid-template-columns: 1fr;
    }
}

.pm-doku .toc {
    position: sticky;
    top: 140px;
    /* unter fixed header */
}

/* TOC optisch wie Kategorien-Sidebar */
.pm-doku .toc {
    background: #fff;
    border: 1px solid var(--pm-border);
    border-radius: var(--pm-radius);
    box-shadow: var(--pm-shadow);
    padding: 0;
    overflow: hidden;
}

.pm-doku .toc h2 {
    margin: 0;
    padding: 14px 16px;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--pm-muted);
    border-bottom: 1px solid var(--pm-border);
    display: flex;
    align-items: center;
    gap: 10px;
}

.pm-doku .toc h2::before {
    content: "\f00b";
    /* fa-list */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    opacity: .75;
}

.pm-doku .toc ol {
    margin: 0;
    padding: 8px 0;
    list-style: none;
}

.pm-doku .toc li {
    margin: 0;
}

.pm-doku .toc a {
    display: flex;
    padding: 10px 16px;
    color: #13203a;
    text-decoration: none;
    border-left: 3px solid transparent;
}

.pm-doku .toc a:hover {
    background: #f6f9ff;
    border-left-color: rgba(31, 58, 143, .35);
}

/* Hauptfläche wie Listing-Content */
.pm-doku main {
    padding: 1.5rem 1.5rem;
    background: var(--pm-light);
    min-height: calc(100vh - 80px);
    /* background: #fff; */
    /* border: 1px solid var(--pm-border); */
    /* border-radius: var(--pm-radius); */
    /* box-shadow: var(--pm-shadow); */
}


.ce-align-left {
    text-align: left;
}

.ce-align-center {
    text-align: center;
}

.ce-align-right {
    text-align: right;
}

.ce-table td,
.ce-table th {
    vertical-align: top;
}

.ce-textpic,
.ce-image,
.ce-nowrap .ce-bodytext,
.ce-gallery,
.ce-row,
.ce-uploads li,
.ce-uploads div {
    overflow: hidden;
}

.ce-left .ce-gallery,
.ce-column {
    float: left;
}

.ce-center .ce-outer {
    position: relative;
    float: right;
    right: 50%;
}

.ce-center .ce-inner {
    position: relative;
    float: right;
    right: -50%;
}

.ce-right .ce-gallery {
    float: right;
}

.ce-gallery figure {
    display: table;
    margin: 0;
}

.ce-gallery figcaption {
    display: table-caption;
    caption-side: bottom;
}

.ce-gallery img {
    display: block;
}

.ce-gallery iframe {
    border-width: 0;
}

.ce-border img,
.ce-border iframe {
    border: 2px solid #000000;
    padding: 0px;
}

.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-above .ce-gallery {
    margin-bottom: 10px;
}

.ce-image .ce-gallery {
    margin-bottom: 0;
}

.ce-intext.ce-right .ce-gallery {
    margin-left: 10px;
}

.ce-intext.ce-left .ce-gallery {
    margin-right: 10px;
}

.ce-below .ce-gallery {
    margin-top: 10px;
}

.ce-column {
    margin-right: 10px;
}

.ce-column:last-child {
    margin-right: 0;
}

.ce-row {
    margin-bottom: 10px;
}

.ce-row:last-child {
    margin-bottom: 0;
}

.ce-above .ce-bodytext {
    clear: both;
}

.ce-intext.ce-left ol,
.ce-intext.ce-left ul {
    padding-left: 40px;
    overflow: auto;
}

.ce-headline-left {
    text-align: left;
}

.ce-headline-center {
    text-align: center;
}

.ce-headline-right {
    text-align: right;
}

.ce-uploads {
    margin: 0;
    padding: 0;
}

.ce-uploads li {
    list-style: none outside none;
    margin: 1em 0;
}

.ce-uploads img {
    float: left;
    padding-right: 1em;
    vertical-align: top;
}

.ce-uploads span {
    display: block;
}

.ce-table {
    width: 100%;
    max-width: 100%;
}

.ce-table th,
.ce-table td {
    padding: 0.5em 0.75em;
    vertical-align: top;
}

.ce-table thead th {
    border-bottom: 2px solid #dadada;
}

.ce-table th,
.ce-table td {
    border-top: 1px solid #dadada;
}

.ce-table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}

.ce-table-bordered th,
.ce-table-bordered td {
    border: 1px solid #dadada;
}

.frame-space-before-extra-small {
    margin-top: 1em;
}

.frame-space-before-small {
    margin-top: 2em;
}

.frame-space-before-medium {
    margin-top: 3em;
}

.frame-space-before-large {
    margin-top: 4em;
}

.frame-space-before-extra-large {
    margin-top: 5em;
}

.frame-space-after-extra-small {
    margin-bottom: 1em;
}

.frame-space-after-small {
    margin-bottom: 2em;
}

.frame-space-after-medium {
    margin-bottom: 3em;
}

.frame-space-after-large {
    margin-bottom: 4em;
}

.frame-space-after-extra-large {
    margin-bottom: 5em;
}

.frame-ruler-before:before {
    content: '';
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    margin-bottom: 2em;
}

.frame-ruler-after:after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    margin-top: 2em;
}

.frame-indent {
    margin-left: 15%;
    margin-right: 15%;
}

.frame-indent-left {
    margin-left: 33%;
}

.frame-indent-right {
    margin-right: 33%;
}

/* ── Ausklappbare Kategorien ── */
.pm-category-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pm-category-header .pm-category-link {
    flex: 1;
}

.pm-category-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.4rem 0.6rem;
    color: #6c757d;
    transition: transform 0.2s ease;
}

.pm-category-parent.open>.pm-category-header>.pm-category-toggle,
.pm-category-child.open>.pm-category-header>.pm-category-toggle {
    transform: rotate(180deg);
}

.pm-category-sublist {
    display: none;
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.pm-category-parent.open>.pm-category-sublist,
.pm-category-child.open>.pm-category-sublist {
    display: block;
}

/* Einrückungen */
.pm-category-child>.pm-category-header .pm-category-link {
    padding-left: 1.8rem;
    font-size: 0.95rem;
}

.pm-category-grandchild .pm-category-link {
    padding-left: 2.4rem;
    font-size: 0.9rem;
}

/* Aktive Kategorie hervorheben */
.pm-category-link.active {
    font-weight: 600;
    color: #215395;
}

/* ── Sprachumschalter ── */
.language-menu ul {
    display: flex;
    gap: 0.3rem;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.language-menu li span,
.language-menu li a span {
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.25rem 0.4rem;
    border-radius: 4px;
    text-decoration: none;
}

.language-menu li.active span {
    color: #215395;
    font-weight: 700;
}

.language-menu li a span {
    color: #6c757d;
}

.language-menu li a:hover span {
    color: #215395;
    background-color: #f3f6fb;
}

.language-menu .language-link {
    font-size: 0.9rem;
    font-weight: 600;
    color: #6c757d;
    text-decoration: none;
    padding: 0.3rem 0.5rem;
    border-radius: 4px;
}

.language-menu .language-link:hover {
    color: #215395;
    background-color: #f3f6fb;
}

/* ── Suchleiste ── */
.pm-header-search-bar {
    margin-top: 2.0rem;
    margin-bottom: 1.5rem;
    width: 100%;
}

.pm-header-search-form {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.pm-header-search-wrap {
    display: flex;
    align-items: center;
    background: var(--pm-white);
    border: 1px solid var(--pm-border);
    border-radius: var(--pm-radius);
    /* padding: 0 0.75rem; */
    box-shadow: var(--pm-shadow);
    transition: box-shadow var(--pm-transition), border-color var(--pm-transition);
    overflow: hidden;
}

.pm-header-search-wrap:focus-within {
    border-color: var(--pm-blue);
    box-shadow: 0 0 0 3px rgba(33, 83, 149, .1);
}

.pm-header-search-icon {
    /* color: var(--pm-muted);
    font-size: 1rem;
    margin-right: 0.5rem; */
    display: none;
}

.pm-header-search-input {
    flex: 1;
    /* border: none; */
    /* outline: none; */
    /* padding: 0.75rem 0; */
    font-size: 0.95rem;
    /* background: transparent; */
    /* color: var(--pm-text); */
    height: 100%;
    /* border-radius: 6px 0px 0px 6px;
    border-width: 1px;
    border-color: var(--pm-blue);
    border-style: solid; */
}

.pm-header-search-input::placeholder {
    color: var(--pm-muted);
}

.pm-header-search-btn {
    background: var(--pm-dark);
    color: #fff;
    border: none;
    /* border-radius: calc(var(--pm-radius) - 1px); */
    /* padding: 0.4rem 1rem; */
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--pm-transition);
    /* margin: 0.25rem 0; */
    border-radius: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pm-header-search-btn:hover {
    background: var(--pm-dark);
}

/* ===========================
   PM Doku – scoped styles
   Wrapper: <div class="pm-doku">…</div>
   =========================== */

.pm-doku {
    --pm-blue: #1f3a8f;
    --pm-blue-2: #215395;
    --pm-ink: #0b1220;
    --pm-muted: #5b677a;
    --pm-border: #d9e2ef;
    --pm-bg: #f4f7fb;
    --pm-card: #ffffff;
    --pm-shadow: 0 8px 22px rgba(12, 30, 66, .10);
    --pm-radius: 8px;
    --pm-yellow: #ffd400;
    --pm-green: #22c55e;
    --pm-red: #ef4444;
    --pm-orange: #f59e0b;
    /* --pm-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --pm-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Helvetica, Arial; */

    font-family: var(--bs-font-sans-serif);
    color: var(--pm-ink);
    padding-top: 0;
    padding-bottom: 1rem;
}

/* .pm-doku a {
    color: var(--pm-blue-2);
    text-decoration: none;
}

.pm-doku a:hover {
    text-decoration: underline;
} */

.pm-doku .page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 26px 18px 80px;
}

/* Wenn du die Doku in ein bestehendes .container packst, ist .page optional.
   Dann kannst du auch nur .pm-doku direkt verwenden. */

.pm-doku .top {
    background: linear-gradient(180deg, rgba(31, 58, 143, .12), rgba(31, 58, 143, 0));
    border: 1px solid rgba(31, 58, 143, .18);
    border-radius: var(--pm-radius);
    box-shadow: var(--pm-shadow);
    padding: 22px;
    position: relative;
    overflow: hidden;
}

.pm-doku .top::after {
    content: "";
    position: absolute;
    inset: -60px -60px auto auto;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle at 30% 30%, rgba(255, 212, 0, .45), rgba(255, 212, 0, 0) 60%);
    transform: rotate(12deg);
    pointer-events: none;
}

.pm-doku .brandline {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pm-doku .badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 212, 0, .22);
    border: 1px solid rgba(255, 212, 0, .55);
    font-weight: 800;
    letter-spacing: .02em;
    color: #1b2436;
}

.pm-doku h1 {
    margin: 10px 0 8px;
    font-size: 30px;
    letter-spacing: -.02em;
}

.pm-doku .sub {
    margin: 0;
    color: var(--pm-muted);
    line-height: 1.55;
    max-width: 80ch;
}

.pm-doku .meta {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pm-doku .chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--pm-border);
    background: rgba(255, 255, 255, .7);
    color: var(--pm-muted);
    font-size: 13px;
}

.pm-doku .chip b {
    color: var(--pm-ink);
}

.pm-doku .layout {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 18px;
    margin-top: 18px;
}

@media (max-width: 920px) {
    .pm-doku .layout {
        grid-template-columns: 1fr;
    }
}

.pm-doku .toc {
    background: var(--pm-card);
    border: 1px solid var(--pm-border);
    border-radius: var(--pm-radius);
    box-shadow: var(--pm-shadow);
    padding: 16px;
    position: sticky;
    top: 16px;
    align-self: start;
}

.pm-doku .toc h2 {
    margin: 0 0 8px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .10em;
    color: var(--pm-muted);
}

.pm-doku .toc ol {
    margin: 0;
    padding-left: 18px;
}

.pm-doku .toc li {
    margin: 8px 0;
    line-height: 1.35;
}

/* .pm-doku main {
    background: var(--pm-card);
    border: 1px solid var(--pm-border);
    border-radius: var(--pm-radius);
    box-shadow: var(--pm-shadow);
    padding: 18px;
} */

.pm-doku h3 {
    margin: 26px 0 8px;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -.01em;
}

.pm-doku h4 {
    margin: 26px 0 8px;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: -.01em;
}

/* .pm-doku h3:first-child {
    margin-top: 0;
} */

.pm-doku p {
    margin: 10px 0;
    line-height: 1.65;
}

.pm-doku .callout {
    border: 1px solid var(--pm-border);
    border-left: 6px solid var(--pm-yellow);
    border-radius: 12px;
    background: rgba(255, 212, 0, .14);
    padding: 12px;
    margin: 12px 0;
}

.pm-doku .steps {
    margin: 12px 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}

.pm-doku .step {
    border: 1px solid var(--pm-border);
    border-radius: 12px;
    padding: 12px;
    background: #fff;
}

.pm-doku .step .t {
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.pm-doku .num {
    min-width: 28px;
    height: 28px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(31, 58, 143, .10);
    border: 1px solid rgba(31, 58, 143, .25);
    color: var(--pm-blue);
    font-weight: 900;
}

.pm-doku .kbd {
    font-family: var(--bs-font-monospace);
    font-size: 12px;
    padding: 2px 6px;
    border: 1px solid var(--pm-border);
    border-bottom-width: 2px;
    border-radius: 8px;
    background: #fff;
}

.pm-doku .hl {
    background: linear-gradient(180deg, transparent 60%, rgba(255, 212, 0, .65) 60%);
    padding: 0 .2em;
    border-radius: 4px;
}

.pm-doku .grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 12px 0;
}

@media (max-width: 780px) {
    .pm-doku .grid2 {
        grid-template-columns: 1fr;
    }
}

.pm-doku .card {
    border: 1px solid var(--pm-border);
    border-radius: 12px;
    padding: 12px;
    background: #fff;
}

.pm-doku .legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.pm-doku .tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--pm-border);
    background: #fff;
    font-size: 13px;
    color: var(--pm-muted);
}

.pm-doku .sw {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: var(--pm-blue);
}

.pm-doku .tag.good .sw {
    background: var(--pm-green);
}

.pm-doku .tag.bad .sw {
    background: var(--pm-red);
}

.pm-doku .tag.warn .sw {
    background: var(--pm-orange);
}

.pm-doku .faq {
    margin: 12px 0 0;
}

.pm-doku details {
    border: 1px solid var(--pm-border);
    border-radius: 12px;
    padding: 10px 12px;
    background: #fff;
}

.pm-doku details+details {
    margin-top: 10px;
}

.pm-doku summary {
    cursor: pointer;
    font-weight: 800;
    color: #13203a;
}

.pm-doku summary::-webkit-details-marker {
    display: none;
}

.pm-doku .small {
    color: var(--pm-muted);
    font-size: 13px;
}

.pm-doku .footer {
    margin-top: 18px;
    color: var(--pm-muted);
    font-size: 13px;
}

/* ===========================
   Changelog / Versionsverlauf
   =========================== */

.pm-changelog {
    margin-top: 14px;
    border: 1px solid var(--pm-border);
    border-radius: 14px;
    background: rgba(255, 255, 255, .65);
    box-shadow: var(--pm-shadow);
    overflow: hidden;
}

.pm-changelog-head {
    padding: 16px 18px;
    background: linear-gradient(180deg, rgba(31, 58, 143, .10), rgba(31, 58, 143, 0));
    border-bottom: 1px solid var(--pm-border);
}

.pm-changelog-kicker {
    margin: 0 0 4px;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--pm-muted);
}

.pm-changelog-title {
    margin: 0;
    font-size: 18px;
    letter-spacing: -.01em;
}

.pm-changelog-sub {
    margin: 6px 0 0;
    color: var(--pm-muted);
    font-size: 13px;
    line-height: 1.5;
    max-width: 90ch;
}

.pm-release {
    position: relative;
    padding: 16px 18px 18px;
    background: rgba(255, 255, 255, .9);
}

.pm-release+.pm-release {
    border-top: 1px solid var(--pm-border);
}

/* Timeline-Schiene links */
.pm-release::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, rgba(31, 58, 143, .22), rgba(31, 58, 143, .06));
}

.pm-release::after {
    content: "";
    position: absolute;
    left: 12px;
    top: 22px;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #fff;
    border: 2px solid rgba(31, 58, 143, .35);
    box-shadow: 0 6px 18px rgba(12, 30, 66, .14);
}

.pm-release.pm-release-muted {
    background: rgba(255, 255, 255, .75);
}

.pm-release.pm-release-muted::after {
    border-color: rgba(31, 58, 143, .22);
}

.pm-release-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding-left: 26px;
    /* Platz für Timeline */
}

@media (max-width: 680px) {
    .pm-release-header {
        flex-direction: column;
    }
}

.pm-release-meta {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.pm-release-version {
    font-weight: 900;
    letter-spacing: .01em;
    color: var(--pm-ink);
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(31, 58, 143, .10);
    border: 1px solid rgba(31, 58, 143, .22);
}

.pm-release-date {
    font-family: var(--bs-font-monospace);
    font-size: 12px;
    color: var(--pm-muted);
    padding: 5px 8px;
    border-radius: 10px;
    border: 1px solid var(--pm-border);
    background: rgba(255, 255, 255, .8);
}

.pm-release-badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.pm-badge {
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 999px;
    border: 1px solid var(--pm-border);
    background: #fff;
    color: var(--pm-muted);
    white-space: nowrap;
}

.pm-badge-added {
    border-color: rgba(34, 197, 94, .35);
    background: rgba(34, 197, 94, .10);
    color: #0f5132;
}

.pm-badge-changed {
    border-color: rgba(31, 58, 143, .28);
    background: rgba(31, 58, 143, .10);
    color: #1f3a8f;
}

.pm-badge-fixed {
    border-color: rgba(245, 158, 11, .35);
    background: rgba(245, 158, 11, .12);
    color: #7a4a00;
}

.pm-badge-deprecated {
    border-color: rgba(168, 85, 247, .35);
    background: rgba(168, 85, 247, .10);
    color: #5b21b6;
}

.pm-badge-removed {
    border-color: rgba(239, 68, 68, .35);
    background: rgba(239, 68, 68, .10);
    color: #7f1d1d;
}

.pm-badge-security {
    border-color: rgba(20, 184, 166, .35);
    background: rgba(20, 184, 166, .10);
    color: #0f766e;
}

.pm-release-body {
    padding-left: 26px;
    /* Timeline */
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 820px) {
    .pm-release-body {
        grid-template-columns: 1fr;
    }
}

.pm-changes {
    border: 1px solid var(--pm-border);
    border-radius: 12px;
    background: #fff;
    padding: 12px;
}

.pm-changes-title {
    margin: 0 0 8px;
    font-size: 13px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--pm-muted);
}

.pm-change-list {
    margin: 0;
    padding-left: 18px;
}

.pm-change-item {
    margin: 6px 0;
    line-height: 1.5;
}

.pm-release-more {
    grid-column: 1 / -1;
    border: 1px dashed rgba(31, 58, 143, .25);
    border-radius: 12px;
    background: rgba(31, 58, 143, .04);
    padding: 10px 12px;
}

.pm-release-more>summary {
    font-weight: 800;
    color: var(--pm-blue);
}

.pm-release-more-grid {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 820px) {
    .pm-release-more-grid {
        grid-template-columns: 1fr;
    }
}

.pm-doku .print {
    margin-top: 10px;
    font-size: 13px;
}

@media print {

    .pm-doku .top,
    .pm-doku .toc,
    .pm-doku main {
        box-shadow: none;
    }

    .pm-doku .layout {
        grid-template-columns: 1fr;
    }

    .pm-doku .toc {
        position: relative;
        top: auto;
    }

    .pm-doku a {
        color: #000;
        text-decoration: underline;
    }
}

/* ===========================
   Suchergebnisse
   =========================== */
div.pm-result-snippet>p>em {
    background: linear-gradient(180deg, transparent 60%, rgba(255, 212, 0, .65) 60%);
    padding: 0 .2em;
    border-radius: 4px;
}