body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0 0 28px 0;
    background-color: #1a1b26; 
    font-family: 'JetBrains Mono', monospace;
    min-height: 100vh;
}

.container {
    display: flex;
    position: relative;
    max-width: 880px; 
    width: 100%;
    margin: 0 auto; 
    padding: 40px 20px;
    flex: 1;
}

.post, .content, main, .post-content {
    position: relative;
    width: 100%;
    line-height: 28px !important;
}

.line-numbers {
    position: absolute;
    left: -60px; 
    width: 50px;
    text-align: right;
    color: #565f89;
    font-family: 'JetBrains Mono', monospace;
    font-size: 14px;
    line-height: 28px;
    user-select: none;
    border-right: 1px solid #414868;
    padding-right: 10px;
    height: 100%; 
    z-index: 10;
}

.line-current {
    color: #ff9e64 !important;
    font-weight: bold;
}
.post-content h1, .post-content h2, .post-content h3,
.content h1, .content h2, .content h3,
.post-content p, .content p,
.post-content li, .content li {
    font-size: 1rem !important;
    line-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal;
    color: #a9b1d6;
}

.post-content h1, .content h1 {
    color: #e0af68; /* Theme Gelb */
    font-weight: bold;
}

.post-content h2, .content h2 {
    color: #7aa2f7; /* Blau */
    font-weight: bold;
}

.post-content h3, .content h3 {
    color: #9ece6a; /* Grün */
    font-weight: bold;
}

.post-content h4, .content h4 {
    color: #f7768e; /* Rot */
    font-weight: bold;
}

.post-content p:empty::before, .content p:empty::before {
    content: "\00a0";
    display: inline-block;
    vertical-align: top;
}

.post-content h1::after, .content h1::after {
    display: none;
}

.post-meta {
    color: #565f89;
    font-size: 12px;
    line-height: 28px;
}

/* Theme header verstecken */
header, .header, .site-header {
    display: none !important;
}
.sl-dropdown {
    position: relative;
    display: flex;
    align-items: center;
}

.sl-dropdown-menu {
    display: none;
    position: absolute;
    bottom: 28px;
    left: 0;
    background: #24283b;
    border: 1px solid #414868;
    z-index: 200;
    min-width: 220px;
}

.sl-dropdown:hover > .sl-dropdown-menu {
    display: flex;
    flex-direction: column;
}

.sl-dropdown-submenu {
    position: relative;
}

.sl-dropdown-submenu > .sl-dropdown-menu {
    left: 100%;
    bottom: 0;
    margin-bottom: -1px;
}

.sl-dropdown-submenu:hover > .sl-dropdown-menu {
    display: flex;
    flex-direction: column;
}

.sl-dropdown-item {
    padding: 4px 16px;
    color: #a9b1d6;
    text-decoration: none;
    font-size: 13px;
    line-height: 28px;
    display: block;
    white-space: nowrap;
}

.sl-dropdown-item:hover {
    background: #2f3549;
    color: #ff9e64;
}
.statusline {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #414868;
    display: flex;
    align-items: stretch;
    height: 28px;
    font-size: 13px;
    z-index: 100;
}

.sl-mode {
    background: #ff9e64;
    color: #1a1b26;
    padding: 0 12px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    flex-shrink: 0;
}

.sl-sep {
    color: #414868;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 0 2px;
}

.sl-item {
    padding: 0 16px;
    color: #a9b1d6;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.sl-item.sl-active {
    color: #ff9e64;
    background: #2f3549;
}

#nav-popup .np-header {
    background: #1a1b26;
    padding: 4px 12px;
    font-size: 11px;
    color: #1a1b26;
    display: flex;
    justify-content: space-between;
} 

.sl-right {
    margin-left: auto;
    padding-right: 16px;
    color: #565f89;
}

pre {
		position: relative !important;
    background: #24283b !important;
    border: 1px solid #414868;
    border-radius: 4px;
    padding: 16px !important;
    overflow-x: auto;
    margin: 4px 0 !important;
}

pre code {
    background: transparent !important;
    color: #a9b1d6;
    font-size: 13px;
}
.copy-btn {
    position: absolute !important;
    top: 6px !important;
    right: 8px !important;
    bottom: unset !important;
    left: unset !important;
    background: #414868;
    color: #a9b1d6;
    border: none;
    padding: 2px 8px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    cursor: pointer;
    border-radius: 3px;
}

.copy-btn:hover { background: #565f89; }
.copy-btn.copied { color: #9ece6a; }
img {
    border: none !important;
}
.footer {
    display: none;
}
.code-title,
div.code-title,
.highlight .code-title,
pre .code-title,
.chroma .code-title {
    display: none !important;
}