/* =========================================================
   FORENWIKI – GRUNDLAYOUT
   ========================================================= */

#forenwiki {
    --wiki-bg: #160d08;
    --wiki-panel: #1c100a;
    --wiki-panel-soft: #24140c;
    --wiki-panel-light: #302014;
    --wiki-border: #50321d;
    --wiki-border-soft: #3f2818;
    --wiki-accent: #98602d;
    --wiki-accent-light: #c58b45;
    --wiki-gold: #d6a363;
    --wiki-gold-light: #ead0a1;
    --wiki-text: #d9c4a5;
    --wiki-muted: #998168;

    width: 100%;
    margin: 20px auto;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;

    color: var(--wiki-text);
    background: var(--wiki-bg);

    border-top: 1px solid var(--wiki-border);
    border-right: 1px solid var(--wiki-border-soft);
    border-bottom: 1px solid var(--wiki-border);
    border-left: 4px solid #8c572a;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.3),
        inset 0 0 35px rgba(0, 0, 0, 0.18);
}

#forenwiki *,
#forenwiki *::before,
#forenwiki *::after {
    box-sizing: border-box;
}


/* =========================================================
   HAUPTÜBERSCHRIFT
   ========================================================= */

.wiki-headline {
    position: relative;
    width: 100%;
    min-height: 50px;
    padding: 14px 22px;

    display: flex;
    align-items: center;

    color: var(--wiki-gold);

    background:
        linear-gradient(
            90deg,
            rgba(58, 36, 22, 0.96),
            rgba(36, 20, 12, 0.96)
        );

    border-bottom: 1px solid #68401f;

    font-family: "Spectral SC", Georgia, serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

.wiki-headline::after {
    content: "";
    height: 1px;
    flex: 1;
    margin-left: 18px;

    background:
        linear-gradient(
            90deg,
            rgba(197, 139, 69, 0.55),
            transparent
        );
}

.wiki-headline span {
    display: block;
}


/* =========================================================
   ZWEISPALTIGES LAYOUT
   ========================================================= */

.wiki-layout {
    width: 100%;
    padding: 20px;

    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 18px;
    align-items: start;

    background:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 10px,
            rgba(197, 139, 69, 0.012) 10px,
            rgba(197, 139, 69, 0.012) 11px
        ),
        #1a0f09;
}


/* =========================================================
   WIKI-NAVIGATION
   ========================================================= */

.wiki-sidebar {
    position: sticky;
    top: 10px;
    width: 100%;
    min-width: 0;

    color: var(--wiki-text);
    background: rgba(28, 16, 10, 0.88);

    border-top: 1px solid var(--wiki-border);
    border-right: 1px solid var(--wiki-border-soft);
    border-bottom: 1px solid var(--wiki-border);
    border-left: 3px solid var(--wiki-accent);

    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.22);
}

.wiki-sidebar-title {
    padding: 12px 14px;

    color: #c99559;
    background: rgba(58, 36, 22, 0.72);

    border-bottom: 1px solid #68401f;

    font-family: "Spectral SC", Georgia, serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.wiki-menu {
    width: 100%;
    padding: 8px;
    overflow-wrap: anywhere;

    color: var(--wiki-muted);

    font-family: Arial, sans-serif;
    font-size: 10px;
    line-height: 150%;
}

.wiki-menu a:link,
.wiki-menu a:visited,
.wiki-menu a:active {
    position: relative;
    width: 100%;
    margin-bottom: 4px;
    padding: 8px 9px 8px 22px;

    display: block;

    color: #aa8d6a;
    background: rgba(36, 20, 12, 0.66);

    border: 1px solid transparent;
    border-left: 2px solid #62401f;

    font-family: "Spectral SC", Georgia, serif;
    font-size: 8px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.wiki-menu a::before {
    content: "◆";
    position: absolute;
    top: 10px;
    left: 9px;

    color: #86562b;
    font-size: 5px;
}

.wiki-menu a:hover {
    color: #efd0a3;
    background: #2d1a0f;

    border-color: #5c391f;
    border-left-color: #b97839;
}


/* =========================================================
   INHALTSBEREICH
   ========================================================= */

.wiki-content {
    width: 100%;
    min-width: 0;

    color: var(--wiki-text);
    background: rgba(28, 16, 10, 0.86);

    border-top: 1px solid var(--wiki-border);
    border-right: 1px solid var(--wiki-border-soft);
    border-bottom: 1px solid var(--wiki-border);
    border-left: 3px solid var(--wiki-accent);

    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.22);
}

.wiki-content-headline {
    position: relative;
    min-height: 43px;
    padding: 12px 17px;

    display: flex;
    align-items: center;

    color: #c99559;
    background: rgba(58, 36, 22, 0.62);

    border-bottom: 1px solid #57361f;

    font-family: "Spectral SC", Georgia, serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.wiki-content-headline::after {
    content: "";
    height: 1px;
    flex: 1;
    margin-left: 15px;

    background:
        linear-gradient(
            90deg,
            rgba(197, 139, 69, 0.45),
            transparent
        );
}


/* =========================================================
   WILLKOMMENSTEXT
   ========================================================= */

.wiki-welcome {
    padding: 22px 25px 24px;

    color: var(--wiki-text);

    font-family: Georgia, serif;
    font-size: 13px;
    line-height: 185%;
    text-align: justify;
}

.wiki-welcome p {
    margin: 0 0 16px;
}

.wiki-welcome p:last-child {
    margin-bottom: 0;
}

.wiki-welcome strong {
    color: var(--wiki-gold-light);
    font-weight: 600;
}

.wiki-welcome a:link,
.wiki-welcome a:visited,
.wiki-welcome a:active {
    color: #cf9c60;
    text-decoration: underline;
    text-decoration-color: rgba(207, 156, 96, 0.35);
    text-underline-offset: 3px;
}

.wiki-welcome a:hover {
    color: #f1d2a7;
}


/* =========================================================
   HINWEISÜBERSCHRIFT
   ========================================================= */

.wiki-notice-title {
    position: relative;
    margin: 25px 0 12px;
    padding: 9px 12px;

    color: #c69458;
    background: rgba(58, 36, 22, 0.48);

    border-top: 1px solid rgba(197, 139, 69, 0.18);
    border-bottom: 1px solid rgba(197, 139, 69, 0.18);
    border-left: 3px solid #875326;

    font-family: "Spectral SC", Georgia, serif;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}


/* =========================================================
   HINWEISLISTE
   ========================================================= */

.wiki-notice-list {
    margin: 0;
    padding: 0;

    list-style: none;
}

.wiki-notice-list li {
    position: relative;
    margin: 0 0 10px;
    padding: 12px 15px 12px 36px;

    color: #cdb797;
    background:
        linear-gradient(
            110deg,
            rgba(197, 139, 69, 0.025),
            transparent 55%
        ),
        rgba(36, 20, 12, 0.66);

    border-top: 1px solid rgba(197, 139, 69, 0.15);
    border-right: 1px solid rgba(197, 139, 69, 0.08);
    border-bottom: 1px solid rgba(197, 139, 69, 0.15);
    border-left: 2px solid #70451f;
}

.wiki-notice-list li::before {
    content: "◆";
    position: absolute;
    top: 16px;
    left: 14px;

    color: #a46931;
    font-size: 7px;
}

.wiki-notice-list li:last-child {
    margin-bottom: 0;
}


/* =========================================================
   ABSCHLIESSENDER HINWEIS
   ========================================================= */

.wiki-final-note {
    margin-top: 22px;
    padding: 17px 18px;

    color: #d6bea0;
    background: rgba(36, 20, 12, 0.74);

    border-top: 1px solid rgba(197, 139, 69, 0.19);
    border-right: 1px solid rgba(197, 139, 69, 0.1);
    border-bottom: 1px solid rgba(197, 139, 69, 0.19);
    border-left: 3px solid #98602d;
}

.wiki-final-note p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   ZITAT
   ========================================================= */

.wiki-quote {
    position: relative;
    margin: 24px 0 0;
    padding: 17px 20px 17px 52px;

    color: #dfc5a0;
    background:
        linear-gradient(
            110deg,
            rgba(197, 139, 69, 0.04),
            transparent 55%
        ),
        rgba(36, 20, 12, 0.76);

    border: 0;
    border-left: 3px solid #98602d;

    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
    line-height: 170%;
}

.wiki-quote::before {
    content: "“";
    position: absolute;
    top: -3px;
    left: 12px;

    color: #8c5a2d;

    font-family: Georgia, serif;
    font-size: 50px;
    font-style: normal;
    line-height: 1;
}

.wiki-quote cite {
    display: block;
    margin-top: 7px;

    color: #9d8060;

    font-family: "Spectral SC", Georgia, serif;
    font-size: 8px;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.wiki-quote cite::before {
    content: "— ";
}


/* =========================================================
   AKTUALISIERUNG
   ========================================================= */

.wiki-updated {
    margin-top: 16px;
    padding-top: 10px;

    color: #806b55;

    border-top: 1px solid rgba(197, 139, 69, 0.14);

    font-family: Arial, sans-serif;
    font-size: 8px;
    line-height: 1.3;
    letter-spacing: 0.8px;
    text-align: right;
    text-transform: uppercase;
}

.wiki-updated strong {
    color: #ad8659;
}


/* =========================================================
   WIKI-KATEGORIEÜBERSCHRIFT
   ========================================================= */

.tcat2 {
    position: relative;
    padding: 9px 12px;

    color: #c99559;
    background:
        linear-gradient(
            90deg,
            rgba(58, 36, 22, 0.9),
            rgba(36, 20, 12, 0.86)
        );

    border-top: 1px solid #5b391f;
    border-bottom: 1px solid #68401f;
    border-left: 3px solid #98602d;

    font-family: "Spectral SC", Georgia, serif;
    font-size: 9px;
    font-weight: 600;
    line-height: 135%;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* =========================================================
   WIKI-TABELLENZEILEN
   ========================================================= */

.trow5 {
    padding: 9px;

    color: #cdb797;
    background: rgba(36, 20, 12, 0.82);

    border-bottom: 1px solid rgba(197, 139, 69, 0.22);

    font-family: "Spectral SC", Georgia, serif;
    font-size: 9px;
    line-height: 150%;
}

.trow5:nth-child(even) {
    background: rgba(45, 27, 16, 0.82);
}

.trow5 a:link,
.trow5 a:visited,
.trow5 a:active {
    color: #c9965d;
}

.trow5 a:hover {
    color: #efd0a3;
}


/* =========================================================
   BENUTZERDEFINIERTES TABLE5-ELEMENT
   ========================================================= */

table5,
.table5 {
    width: 100%;
    margin: 10px 0;

    display: block;

    color: #d4bea0;

    font-family: Arial, sans-serif;
    font-size: 10px;
    line-height: 160%;
}


/* =========================================================
   BENUTZERDEFINIERTE H16-ÜBERSCHRIFT
   ========================================================= */

h16 {
    position: relative;
    margin: 12px 0 8px;
    padding: 8px 10px 8px 13px;

    display: block;

    color: #d4a166;
    background: rgba(58, 36, 22, 0.66);

    border: 0;
    border-top: 1px solid rgba(197, 139, 69, 0.18);
    border-bottom: 1px solid rgba(197, 139, 69, 0.18);
    border-left: 3px solid #8f592b;

    font-family: "Spectral SC", Georgia, serif;
    font-size: 8pt;
    font-weight: 500;
    line-height: 135%;
    letter-spacing: 1px;

}

h16:first-child {
    margin-top: 0;
}

h16 a:link,
h16 a:visited,
h16 a:active {
    color: #d4a166;
}

h16 a:hover {
    color: #f0d0a3;
}


/* =========================================================
   ALLGEMEINE WIKI-TABELLEN
   ========================================================= */

#forenwiki table {
    max-width: 100%;
    border-collapse: collapse;
}

#forenwiki th,
#forenwiki td {
    border-color: rgba(197, 139, 69, 0.18);
}

#forenwiki hr {
    height: 1px;
    margin: 22px 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(197, 139, 69, 0.48),
            transparent
        );

    border: 0;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media screen and (max-width: 800px) {

    .wiki-layout {
        grid-template-columns: 180px minmax(0, 1fr);
        gap: 12px;
        padding: 14px;
    }

    .wiki-welcome {
        padding: 18px;
    }

}

@media screen and (max-width: 650px) {

    .wiki-layout {
        display: block;
    }

    .wiki-sidebar {
        position: static;
        margin-bottom: 14px;
    }

    .wiki-menu {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    .wiki-menu a:link,
    .wiki-menu a:visited,
    .wiki-menu a:active {
        width: calc(50% - 3px);
        margin: 0;
    }

}

@media screen and (max-width: 450px) {

    .wiki-layout {
        padding: 10px;
    }

    .wiki-headline {
        padding: 12px 15px;

        font-size: 12px;
        letter-spacing: 1.5px;
    }

    .wiki-menu {
        display: block;
    }

    .wiki-menu a:link,
    .wiki-menu a:visited,
    .wiki-menu a:active {
        width: 100%;
        margin-bottom: 4px;
    }

    .wiki-welcome {
        padding: 15px;

        font-size: 12px;
        line-height: 175%;
        text-align: left;
    }

    .wiki-notice-list li {
        padding-right: 11px;
        padding-left: 31px;
    }

    .wiki-quote {
        padding-right: 14px;
        padding-left: 40px;

        font-size: 13px;
    }

    .wiki-quote::before {
        left: 8px;
        font-size: 41px;
    }

}