/* ==========================================================
   EVERYONE ASSEMBLE
   LEXIKON
   ========================================================== */

/* ==========================================================
   GRUNDLAGEN
   ========================================================== */

.lexikon-wrap{
    --lk-bg:#020d18;
    --lk-bg-deep:#010914;
    --lk-panel:#04192b;
    --lk-panel-soft:#082b45;
    --lk-panel-light:#0b3150;
    --lk-line:#1d5f8f;
    --lk-line-soft:rgba(33,139,208,.16);
    --lk-accent:#218bd0;
    --lk-accent-light:#75d0ff;
    --lk-text:#c4d8e4;
    --lk-text-light:#e1f1fa;
    --lk-muted:#8fa9bc;
    --lk-danger:#d47f87;
    --lk-staff:#c9828a;

    width:100%;
    max-width:1180px;
    margin:24px auto 40px;

    color:var(--lk-text);

    font-family:Arial,sans-serif;
    font-size:13px;
    line-height:1.65;
}

.lexikon-wrap,
.lexikon-wrap *,
.lexikon-wrap *:before,
.lexikon-wrap *:after{
    box-sizing:border-box;
}

.lexikon-wrap a{
    color:var(--lk-accent-light);

    text-decoration:none;

    transition:
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease;
}

.lexikon-wrap a:hover{
    color:var(--lk-text-light);

    text-decoration:none;
}

/* ==========================================================
   HERO
   ========================================================== */

.lk-hero{
    position:relative;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    min-height:155px;
    padding:28px 22px;

    overflow:hidden;

    color:var(--lk-text);

    background:
        radial-gradient(
            circle at 50% 145%,
            rgba(33,139,208,.24),
            transparent 52%
        ),
        linear-gradient(
            90deg,
            rgba(33,139,208,.08),
            transparent 50%,
            rgba(33,139,208,.045)
        ),
        var(--lk-bg-deep);

    border:1px solid rgba(33,139,208,.31);
    border-left:5px solid var(--lk-accent);
    border-bottom:2px solid #1674b5;

    box-shadow:
        0 18px 42px rgba(0,0,0,.31),
        inset 0 1px rgba(255,255,255,.025);

    text-align:center;
}

.lk-hero:before{
    content:"";

    position:absolute;
    top:0;
    left:50%;

    width:240px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--lk-accent-light),
            transparent
        );

    transform:translateX(-50%);
}

.lk-hero:after{
    content:"KNOWLEDGE DATABASE";

    position:absolute;
    right:18px;
    bottom:10px;

    color:rgba(117,208,255,.055);

    font-family:Antonio,Arial,sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:1;

    letter-spacing:4px;

    pointer-events:none;
}

.lk-hero-kicker{
    display:block;

    margin-bottom:5px;

    color:var(--lk-muted);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:2.4px;
    text-transform:uppercase;
}

.lk-hero-title{
    display:block;

    max-width:100%;

    color:var(--lk-accent-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:30px;
    font-weight:700;
    line-height:1.2;

    letter-spacing:2px;
    text-transform:uppercase;

    overflow-wrap:anywhere;

    text-shadow:0 0 20px rgba(33,139,208,.22);
}

.lk-hero-subtitle{
    display:block;

    max-width:720px;
    margin-top:8px;

    color:var(--lk-muted);

    font-size:12px;
    line-height:1.65;
}

/* ==========================================================
   HAUPTLAYOUT
   ========================================================== */

.lk-layout{
    display:grid;
    grid-template-columns:285px minmax(0,1fr);
    gap:18px;

    width:100%;
    margin-top:18px;

    align-items:start;
}

.lk-main{
    min-width:0;
}

/* ==========================================================
   SIDEBAR
   ========================================================== */

.lk-sidebar{
    position:sticky;
    top:10px;

    min-width:0;
    padding:11px;

    color:var(--lk-text);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.58),
            rgba(2,13,24,.88)
        );

    border:1px solid rgba(33,139,208,.23);
    border-left:3px solid #1674b5;

    box-shadow:0 11px 27px rgba(0,0,0,.22);
}

.lk-nav-subtitle{
    position:relative;

    display:flex;
    align-items:center;

    min-height:42px;
    margin:12px 0 6px;
    padding:8px 10px;

    color:var(--lk-accent-light);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            transparent 72%
        ),
        var(--lk-bg-deep);

    border-bottom:1px solid rgba(33,139,208,.18);

    font-family:Antonio,Arial,sans-serif;
    font-size:11px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:1px;
    text-transform:uppercase;
}

.lk-nav-subtitle:after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:10px;

    width:52px;
    height:2px;

    background:var(--lk-accent);
}

/* ==========================================================
   SUCHE
   ========================================================== */

.lk-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:6px;

    width:100%;
    margin:0 0 12px;
}

.lk-search input{
    width:100%;
    min-width:0;
    min-height:40px;
    margin:0;
    padding:8px 10px;

    color:var(--lk-text-light);
    background:var(--lk-bg-deep);

    border:1px solid rgba(33,139,208,.25);
    border-radius:0;

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.4;

    outline:none;
}

.lk-search input:focus{
    background:#031426;

    border-color:var(--lk-accent);

    box-shadow:0 0 0 1px rgba(33,139,208,.18);
}

.lk-search button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:40px;
    padding:8px 11px;

    color:var(--lk-accent-light);
    background:var(--lk-bg-deep);

    border:1px solid rgba(33,139,208,.28);
    border-radius:0;

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.3;

    letter-spacing:.7px;
    text-transform:uppercase;

    cursor:pointer;
}

.lk-search button:hover{
    color:var(--lk-text-light);
    background:var(--lk-panel-light);

    border-color:var(--lk-accent);
}

/* ==========================================================
   DOKUMENTNAVIGATION
   ========================================================== */

.lk-doc-group{
    width:100%;

    border-bottom:1px solid rgba(33,139,208,.10);
}

.lk-doc-group:last-child{
    border-bottom:0;
}

.lk-doc-group summary{
    position:relative;

    display:flex;
    align-items:center;
    gap:8px;

    min-height:42px;
    padding:8px 9px 8px 25px;

    color:var(--lk-text);

    list-style:none;

    font-family:Antonio,Arial,sans-serif;
    font-size:11px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.5px;
    text-transform:uppercase;

    cursor:pointer;

    transition:
        color .2s ease,
        background-color .2s ease;
}

.lk-doc-group summary::-webkit-details-marker{
    display:none;
}

.lk-doc-group summary:before{
    content:"›";

    position:absolute;
    left:9px;
    top:50%;

    color:var(--lk-accent);

    font-family:Arial,sans-serif;
    font-size:17px;
    font-weight:700;
    line-height:1;

    transform:
        translateY(-50%)
        rotate(0deg);

    transition:transform .2s ease;
}

.lk-doc-group[open] summary:before{
    transform:
        translateY(-50%)
        rotate(90deg);
}

.lk-doc-group summary:hover{
    color:var(--lk-accent-light);
    background:rgba(8,43,69,.62);
}

.lk-doc-group.active > summary{
    color:var(--lk-accent-light);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.14),
            transparent 75%
        ),
        var(--lk-bg-deep);

    border-left:2px solid var(--lk-accent);
}

.lk-doc-group summary em{
    margin-left:auto;

    color:var(--lk-muted);

    font-family:Arial,sans-serif;
    font-size:10px;
    font-weight:400;
    font-style:normal;
    line-height:1.4;

    letter-spacing:0;
    text-transform:none;
}

.lk-category-list{
    display:flex;
    flex-direction:column;

    padding:0 0 7px 17px;
}

.lk-nav-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    min-height:35px;
    padding:7px 9px;

    color:var(--lk-text);
    background:rgba(2,13,24,.35);

    border-bottom:1px solid rgba(33,139,208,.07);
    border-left:2px solid transparent;

    font-size:11px;
    line-height:1.45;

    text-decoration:none;
}

.lk-nav-item:hover,
.lk-nav-item.active{
    color:var(--lk-accent-light);
    background:rgba(8,43,69,.67);

    border-left-color:var(--lk-accent);

    text-decoration:none;
}

.lk-doc-all{
    color:var(--lk-accent-light);

    font-family:Antonio,Arial,sans-serif;
    font-weight:700;

    letter-spacing:.5px;
    text-transform:uppercase;
}

.lk-category-item{
    font-size:11px;
}

.lk-nav-item em{
    flex:0 0 auto;

    color:var(--lk-muted);

    font-size:10px;
    font-style:normal;
}

/* ==========================================================
   DOKUMENTKOPF UND ABSCHNITTE
   ========================================================== */

.lk-document-head,
.lk-section{
    width:100%;
    margin-bottom:20px;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.48),
            rgba(2,13,24,.81)
        );

    border:1px solid rgba(33,139,208,.18);
    border-left:3px solid #1674b5;

    box-shadow:0 9px 22px rgba(0,0,0,.18);
}

.lk-document-head h14,
.lk-section h14,
.lk-document-title,
.lk-section-title{
    position:relative;

    display:flex;
    align-items:center;

    min-height:52px;
    margin:0;
    padding:11px 14px;

    color:var(--lk-accent-light);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            transparent 72%
        ),
        var(--lk-bg-deep);

    border:0;
    border-bottom:1px solid rgba(33,139,208,.20);

    font-family:Antonio,Arial,sans-serif;
    font-size:17px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:1px;
    text-transform:uppercase;
}

.lk-document-head h14:after,
.lk-section h14:after,
.lk-document-title:after,
.lk-section-title:after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:14px;

    width:65px;
    height:2px;

    background:var(--lk-accent);
}

.lk-document-subtitle,
.lk-document-desc,
.lk-section-desc{
    padding:11px 14px;

    color:var(--lk-muted);
    background:rgba(2,13,24,.48);

    border-top:0;

    font-size:12px;
    line-height:1.7;
}

.lk-document-subtitle + .lk-document-desc{
    border-top:1px solid rgba(33,139,208,.09);
}

/* ==========================================================
   EINTRÄGE
   ========================================================== */

.lk-entry{
    width:100%;
    min-width:0;
    margin:14px 0;

    overflow:hidden;

    color:var(--lk-text);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.50),
            rgba(2,13,24,.86)
        );

    border:1px solid rgba(33,139,208,.18);
    border-left:3px solid #1674b5;

    box-shadow:0 10px 24px rgba(0,0,0,.20);
}

.lk-entry-title{
    position:relative;

    display:flex;
    align-items:center;

    min-height:50px;
    padding:10px 13px;

    color:var(--lk-accent-light);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            transparent 72%
        ),
        var(--lk-bg-deep);

    border-bottom:1px solid rgba(33,139,208,.19);

    font-family:Antonio,Arial,sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.9px;
    text-transform:uppercase;

    overflow-wrap:anywhere;
}

.lk-entry-title:after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:13px;

    width:58px;
    height:2px;

    background:var(--lk-accent);
}

.lk-entry-body{
    padding:13px;
}

.lk-entry h8{
    position:relative;

    display:flex;
    align-items:center;

    min-height:50px;
    margin:0;
    padding:10px 13px;

    color:var(--lk-accent-light);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.12),
            transparent 72%
        ),
        var(--lk-bg-deep);

    border-bottom:1px solid rgba(33,139,208,.19);

    font-family:Antonio,Arial,sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.9px;
    text-transform:uppercase;
}

/* ==========================================================
   INHALT
   ========================================================== */

.lk-content{
    display:block;

    min-width:0;
    margin:4px 0 10px;

    color:var(--lk-text);

    font-family:Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:1.7;

    overflow-wrap:anywhere;
}

.lk-content:last-child{
    margin-bottom:0;
}

.lk-content p{
    margin:0 0 12px;
}

.lk-content p:last-child{
    margin-bottom:0;
}

.lk-content h1,
.lk-content h2,
.lk-content h3,
.lk-content h4,
.lk-content h5{
    position:relative;

    display:block;

    margin:20px 0 8px;
    padding:0 0 7px;

    color:var(--lk-accent-light);
    background:transparent;

    border:0;
    border-bottom:1px solid rgba(33,139,208,.20);

    font-family:Antonio,Arial,sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.8px;
    text-align:left;
    text-transform:uppercase;

    text-shadow:none;
}

.lk-content h1:before,
.lk-content h2:before,
.lk-content h3:before,
.lk-content h4:before,
.lk-content h5:before{
    display:none;
}

.lk-content h1:after,
.lk-content h2:after,
.lk-content h3:after,
.lk-content h4:after,
.lk-content h5:after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:0;

    display:block;

    width:48px;
    height:2px;
    margin:0;
    padding:0;

    background:var(--lk-accent);
}

.lk-content h4,
.lk-content h5{
    margin-top:15px;

    font-size:13px;
}

.lk-content ul,
.lk-content ol{
    margin:7px 0 14px 22px;
    padding:0;
}

.lk-content li{
    margin:4px 0;

    break-inside:avoid;
}

.lk-content blockquote{
    margin:13px 0;
    padding:10px 12px;

    color:var(--lk-muted);
    background:rgba(2,13,24,.50);

    border:1px solid rgba(33,139,208,.12);
    border-left:3px solid var(--lk-accent);

    font-style:italic;
}

/* ==========================================================
   SPALTEN UND FAKTEN
   ========================================================== */

.lk-content .lk-columns{
    columns:2 250px;
    column-gap:30px;

    margin:8px 0;
}

.lk-content .lk-facts{
    display:grid;
    grid-template-columns:minmax(150px,220px) minmax(0,1fr);
    gap:1px;

    margin:6px 0 18px;

    background:rgba(33,139,208,.07);

    border:1px solid rgba(33,139,208,.11);
}

.lk-content .lk-facts dt,
.lk-content .lk-facts dd{
    margin:0;
    padding:7px 9px;

    background:rgba(2,13,24,.54);
}

.lk-content .lk-facts dt{
    color:var(--lk-accent-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.5;

    letter-spacing:.6px;
    text-transform:uppercase;
}

.lk-content .lk-facts dd{
    color:var(--lk-text);

    font-size:12px;
    line-height:1.55;
}

/* ==========================================================
   EINKLAPPBARE BEREICHE
   ========================================================== */

.lk-fold{
    width:100%;
    margin:9px 0;

    overflow:hidden;

    background:rgba(2,13,24,.45);

    border:1px solid rgba(33,139,208,.14);
    border-left:2px solid rgba(33,139,208,.40);
}

.lk-fold summary,
.lk-entry summary{
    position:relative;

    display:flex;
    align-items:center;
    gap:8px;

    min-height:41px;
    margin:0;
    padding:8px 34px 8px 10px;

    color:var(--lk-text-light);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.09),
            transparent 75%
        ),
        var(--lk-bg-deep);

    border:0;

    list-style:none;

    cursor:pointer;
}

.lk-fold summary::-webkit-details-marker,
.lk-entry summary::-webkit-details-marker{
    display:none;
}

.lk-fold summary:after,
.lk-entry summary:after{
    content:"›";

    position:absolute;
    top:50%;
    right:12px;

    color:var(--lk-accent);

    font-family:Arial,sans-serif;
    font-size:17px;
    font-weight:700;
    line-height:1;

    transform:
        translateY(-50%)
        rotate(0deg);

    transition:transform .2s ease;
}

.lk-fold[open] summary:after,
.lk-entry details[open] summary:after{
    transform:
        translateY(-50%)
        rotate(90deg);
}

.lk-fold summary:hover,
.lk-entry summary:hover{
    color:var(--lk-accent-light);
    background:var(--lk-panel-soft);
}

.lk-fold-label,
.lk-fold summary h7,
.lk-entry summary h7{
    display:block;

    margin:0;
    padding:0;

    color:inherit;
    background:transparent;

    border:0;

    font-family:Antonio,Arial,sans-serif;
    font-size:11px;
    font-weight:700;
    line-height:1.45;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.lk-fold > .lk-content{
    margin:0;
    padding:11px 12px;

    border-top:1px solid rgba(33,139,208,.10);
}

.lk-entry details{
    width:100%;
    margin:8px 0;

    border-top:0;
}

.lk-entry details > .lk-content{
    margin:0;
    padding:10px 11px;

    border-top:1px solid rgba(33,139,208,.09);
}

/* ==========================================================
   PERSONAL- UND TEAMHINWEISE
   ========================================================== */

.lk-staff{
    margin:10px 0;
    padding:10px 12px;

    color:var(--lk-text);
    background:
        linear-gradient(
            90deg,
            rgba(201,130,138,.09),
            transparent 75%
        ),
        rgba(2,13,24,.50);

    border:1px solid rgba(201,130,138,.23);
    border-left:3px solid var(--lk-staff);
}

.lk-text-block{
    padding-top:4px;
}

/* ==========================================================
   LEERE BEREICHE UND HINWEISE
   ========================================================== */

.lk-empty,
.lk-staff-note{
    width:100%;
    margin-bottom:12px;
    padding:13px 14px;

    color:var(--lk-text);
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.08),
            transparent 75%
        ),
        var(--lk-panel);

    border:1px solid rgba(33,139,208,.20);
    border-left:3px solid var(--lk-accent);

    font-size:12px;
    line-height:1.65;
}

.lk-empty{
    color:var(--lk-muted);

    border-style:dashed;

    text-align:center;
}

.lk-staff-note{
    background:
        linear-gradient(
            90deg,
            rgba(201,130,138,.08),
            transparent 75%
        ),
        var(--lk-panel);

    border-color:rgba(201,130,138,.25);
    border-left-color:var(--lk-staff);
}

/* ==========================================================
   SCROLLBARS
   ========================================================== */

.lexikon-wrap *{
    scrollbar-width:thin;
    scrollbar-color:#1674b5 var(--lk-bg-deep);
}

.lexikon-wrap *::-webkit-scrollbar{
    width:7px;
    height:7px;
}

.lexikon-wrap *::-webkit-scrollbar-track{
    background:var(--lk-bg-deep);
}

.lexikon-wrap *::-webkit-scrollbar-thumb{
    background:#1674b5;

    border:2px solid var(--lk-bg-deep);
}

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

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

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

    .lk-sidebar{
        position:relative;
        top:auto;
    }

    .lk-content .lk-columns{
        columns:1;
    }
}

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

    .lexikon-wrap{
        margin:14px auto 30px;
    }

    .lk-hero{
        min-height:125px;
        padding:22px 14px;
    }

    .lk-hero-title{
        font-size:24px;
    }

    .lk-hero:after{
        display:none;
    }

    .lk-entry-body{
        padding:10px;
    }

    .lk-content .lk-facts{
        grid-template-columns:1fr;
    }

    .lk-content .lk-facts dt{
        padding-bottom:4px;
    }

    .lk-content .lk-facts dd{
        padding-top:4px;
    }
}