:root {
    --mainfont: 'Apple Garamond', sans-serif;
    --subfont: "Playfair Display", system-ui;
    --textfont: 'Calibri', Arial, sans-serif;

    --kat: #857b68;
    --col1: #97e8cd;
    --col2: #559678;
    --col3: #d5e4df;
    --col4: rgba(13,14,12,.60);
    --col5: rgba(13,14,12,.88);
    --col6: rgba(213,228,223,.30);
    --col7: rgba(213,228,223,.08);

    --pagebg: #16090a;
    --verlauf: linear-gradient(180deg, var(--col1) 0%, var(--col2) 100%);

    --background: url(../../../viego_bg.png);
    --bg_sw: url(../../../viego_bg_dark.png);
    --bg_clear: url(../../../viego_bg_clear.png);

    --targon: url(../../../TARGON.png);
    --freljord: url('THE\ FRELJORD.png');
    --void: url('THE\ VOID.png');
    --zaun: url(../../../ZAUN.png);
    --bandle: url('BANDLE\ CITY.png');
    --bilgewater: url(../../../BILGEWATER.png);
    --demacia: url(../../../DEMACIA.png);
    --ionia: url(../../../IONIA.png);
    --ixtal: url(../../../IXTAL.png);
    --noxus: url(../../../NOXUS.png);
    --piltover: url(../../../PILTOVER.png);
    --shadowisles: url('SHADOW\ ISLES.png');
    --shurima: url(../../../SHURIMA.png);
}

/* GRUNDGERUEST */
html,
body {
    margin: 0;
    min-height: 100%;
    background: var(--pagebg);
    color: var(--col3);
    font-family: var(--textfont);
    font-size: 14px;
    line-height: 19px;
}

body {
    display: block;
}

.rk_bg {
    width: 100%;
    min-height: 100vh;
    background: var(--pagebg);
    color: var(--col3);
    font-family: var(--textfont);
    text-align: justify;
    overflow: visible;
}

#container,
#content,
#content .wrapper {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: visible;
}

a {
    color: var(--kat);
    text-decoration: none;
}

a:hover {
    color: rgba(255,255,255,.95);
    transition: color .3s ease;
}

img {
    max-width: 100%;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--col6);
}

::-webkit-scrollbar-thumb {
    background: var(--col4);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--col6);
}

/* ALTE MYBB-KOPFTEILE AUSBLENDEN, CUSTOM NAVI BEHALTEN */
#logo,
#panel,
ul.top_links,
#header .wrapper,
#header ul.menu,
.navigation {
    display: none !important;
}

/* NAVIGATION */
.navi_oben {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 26px;
    padding: 0 22px 0 120px;
    box-sizing: border-box;
    background-color: var(--col4);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.navi_oben div {
    margin: 0;
    color: var(--col3);
}

.navi_oben a {
    color: var(--col3);
}

.navi_oben a:hover {
    color: var(--col2);
}

.navi_links {
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 9998;
    width: 50px;
    height: calc(100vh - 50px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    background-color: var(--col4);
}

.navi_links a {
    color: var(--col1);
    font-size: 14px;
    text-transform: uppercase;
}

.navi_links a:hover {
    color: var(--col2);
}

.navi_links_tooltip {
    position: relative;
    display: inline-flex;
}

.navi_links_tooltip .navi_links_tooltiptext {
    visibility: hidden;
    position: absolute;
    left: 28px;
    top: 50%;
    z-index: 10000;
    width: 190px;
    padding: 4px 8px;
    transform: translateY(-50%);
    background-color: var(--col5);
    color: var(--col3);
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.navi_links_tooltip:hover .navi_links_tooltiptext {
    visibility: visible;
}

.user_icon {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 95px;
    height: 78px;
    border: 6px solid var(--col4);
    box-sizing: border-box;
    background-color: var(--col5);
    overflow: hidden;
}

.user_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: filter .4s ease;
}

.user_icon img:hover {
    filter: grayscale(100%);
}

/* HEADER / STARTSEITE */
.header_container {
    width: 900px;
    max-width: calc(100vw - 90px);
    height: 330px;
    margin: 0 auto;
    padding-top: 70px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.logo_ue,
.logo_ue a {
    font-family: var(--subfont);
    font-size: 76px;
    line-height: 1;
    letter-spacing: 4px;
    background: var(--verlauf);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

.logo_sub {
    margin-top: 12px;
    font-family: var(--subfont);
    font-size: 15px;
    color: var(--col3);
    font-style: italic;
    letter-spacing: 2px;
}

.edl_sitehero {
    display: none;
}

.headertab_container {
    width: 900px;
    max-width: calc(100vw - 90px);
    margin: 0 auto 30px auto;
    padding: 18px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
    background-color: var(--col4);
    background-image: var(--bg_sw);
    background-attachment: fixed;
    border-top: 1px solid var(--col7);
    border-bottom: 1px solid var(--col7);
}

.headertab_inhalt1,
.headertab_inhalt2 {
    width: auto;
    height: 116px;
    margin: 0;
    box-sizing: border-box;
    background-color: var(--col5);
    border: 1px solid var(--col7);
}

.si_ue_1 {
    height: 26px;
    margin: 0 10px 8px 10px;
    padding-top: 7px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--col6);
    font-family: var(--subfont);
    font-size: 12px;
    font-style: italic;
    letter-spacing: 2px;
    text-align: right;
}

.header_text {
    height: 72px;
    padding: 0 12px 8px 12px;
    box-sizing: border-box;
    overflow: auto;
    font-size: 12px;
    line-height: 18px;
}

.header_news_grid,
.header_team_box {
    display: grid;
    grid-template-columns: 1fr 92px;
    gap: 10px;
    align-items: center;
}

.header_image_placeholder,
.header_team_avatar {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--col7);
    background: rgba(0,0,0,.25);
    color: rgba(255,255,255,.35);
    font-family: var(--subfont);
    font-style: italic;
    letter-spacing: 2px;
}

/* FORENUEBERSICHT / INDEX */
.forumkat,
table.tborder thead tr th,
table.tborder .thead {
    width: 900px !important;
    max-width: calc(100vw - 90px) !important;
    height: 78px !important;
    margin: 34px auto 0 auto !important;
    padding-right: 34px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    background-image: var(--bg_clear) !important;
    background-color: transparent !important;
    background-attachment: fixed !important;
    border: 0 !important;
    border-top: 1px solid var(--col7) !important;
    border-bottom: 1px solid var(--col7) !important;
    color: var(--kat) !important;
    font-family: var(--subfont) !important;
    font-size: 31px !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
}

table.tborder,
.tborder,
#boardstats,
#index_stats {
    width: 900px !important;
    max-width: calc(100vw - 90px) !important;
    margin: 10px auto 30px auto !important;
    box-sizing: border-box !important;
    background-image: var(--bg_sw) !important;
    background-color: var(--col4) !important;
    background-attachment: fixed !important;
    border: 1px solid var(--col6) !important;
    border-collapse: collapse !important;
}

.tborder td,
.trow1,
.trow2,
.trow_sep,
#boardstats td,
#index_stats td,
#index_stats p {
    padding: 15px !important;
    border: 1px solid var(--col7) !important;
    background: var(--col5) !important;
    color: var(--col3) !important;
    font-family: var(--textfont) !important;
    font-size: 13px !important;
}

.tborder td a strong,
.tborder .thead a,
.tborder td.thead,
#index_stats h2,
#index_stats h3 {
    font-family: var(--subfont) !important;
    font-size: 20px !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    background: var(--verlauf) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.forum_bit_par {
    width: 900px;
    max-width: calc(100vw - 90px);
    min-height: 74px;
    margin: 0 auto 8px auto;
    padding: 10px 14px;
    box-sizing: border-box;
    display: flex;
    align-items: stretch;
    gap: 14px;
    background-image: var(--bg_sw);
    background-attachment: fixed;
    border: 1px solid var(--col7);
    border-top: 0;
}

.forum_bit_box1 {
    width: 54px;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--col7);
}

.forum_bit_icon {
    width: 26px;
    height: 26px;
    display: block;
    box-sizing: border-box;
    border: 1px solid var(--col6);
    transform: rotate(45deg);
    opacity: .75;
}

.forum_bit_icon::after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    margin: 8px auto 0 auto;
    background-color: var(--col2);
}

.forum_bit_box2 {
    width: 430px;
    min-height: 54px;
}

.fb_box2_titel,
.fb_box2_titel a {
    padding-bottom: 6px;
    border-bottom: 1px solid var(--col7);
    font-family: var(--subfont);
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background: var(--verlauf);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fb_box2_besch {
    height: auto;
    max-height: 58px;
    margin-top: 7px;
    padding: 6px 8px;
    box-sizing: border-box;
    overflow: auto;
    background-color: var(--col4);
    font-size: 12px;
    line-height: 17px;
}

.forum_bit_box3 {
    width: 190px;
    min-height: 54px;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--col4);
    text-align: center;
    font-size: 11px;
    line-height: 16px;
}

.letzter_beitrag_titel {
    max-width: 165px;
    margin-bottom: 4px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.letzter_beitrag_titel a {
    border-bottom: 1px solid var(--col6);
    text-transform: uppercase;
}

.letzter_beitrag_autor,
.letzter_beitrag_wann {
    font-size: 11px;
    opacity: .85;
}

.forum_bit_box4 {
    width: 150px;
    min-height: 54px;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    overflow: auto;
    background-color: var(--col4);
}

.forum_bit_box4 a {
    width: 100%;
    padding: 3px 0;
    box-sizing: border-box;
    background-color: var(--col5);
    text-align: center;
    font-size: 11px;
}

/* INDEX-ZUSATZBEREICHE */
.regionen_container {
    width: 700px;
    max-width: calc(100vw - 90px);
    padding: 40px;
    height: auto;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 50px;
    font-size: 11px;
}

.regionen_container div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.reg_targon,
.reg_freljord,
.reg_void,
.reg_zaun,
.reg_bandle,
.reg_bilgewater,
.reg_demacia,
.reg_ionia,
.reg_ixtal,
.reg_noxus,
.reg_piltover,
.reg_shadowisles,
.reg_shurima {
    width: 40px;
    height: 40px;
    background-image: var(--targon);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.reg_freljord { background-image: var(--freljord); }
.reg_void { background-image: var(--void); }
.reg_zaun { background-image: var(--zaun); }
.reg_bandle { background-image: var(--bandle); }
.reg_bilgewater { background-image: var(--bilgewater); }
.reg_demacia { background-image: var(--demacia); }
.reg_ionia { background-image: var(--ionia); }
.reg_ixtal { background-image: var(--ixtal); }
.reg_noxus { background-image: var(--noxus); }
.reg_piltover { background-image: var(--piltover); }
.reg_shadowisles { background-image: var(--shadowisles); }
.reg_shurima { background-image: var(--shurima); }

.random_container,
.zitat_container,
.online_container {
    width: 900px;
    max-width: calc(100vw - 90px);
    margin: auto;
    box-sizing: border-box;
    background-image: var(--bg_sw);
    background-attachment: fixed;
}

.random_container {
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--subfont);
    font-size: 18px;
    font-style: italic;
    line-height: 25px;
    letter-spacing: 2px;
    text-align: center;
}

.online_container {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.online_box1,
.online_box2,
.online_box3,
.online_box4 {
    width: 215px;
    background-color: var(--col4);
    padding: 5px;
    box-sizing: border-box;
}

.zitat_container {
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.zitat_inhalt {
    margin-bottom: 20px;
}

.zitat_autor,
.zitat_szene {
    font-size: 12px;
}

.zitat_autor a,
.zitat_szene a {
    color: var(--col1);
}

/* PROFIL */
.profil_container {
    width: 900px !important;
    max-width: calc(100vw - 90px);
    margin: 95px auto 0 auto !important;
    padding: 16px 16px 18px 16px;
    box-sizing: border-box;
    background-image: var(--bg_sw);
    background-attachment: fixed;
    border: 1px solid var(--kat);
}

.profil_oben {
    display: grid;
    grid-template-columns: 1fr 230px;
    gap: 16px;
}

.profil_textbox1 {
    width: auto;
    height: 400px;
    padding: 10px;
    box-sizing: border-box;
    background-color: var(--col5);
    border: 1px solid var(--col7);
}

.profil_charaktername {
    text-align: center;
    padding-bottom: 10px;
    font-family: var(--subfont);
    color: var(--col2);
    font-size: 30px;
    letter-spacing: 2px;
    background: var(--verlauf);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid var(--col6);
}

.profil_charaktereigenschaften {
    height: 340px;
    overflow: auto;
    padding-right: 5px;
}

.profil_avaicon_box {
    width: auto;
    height: 400px;
    padding: 14px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    background-color: var(--col5);
    border: 1px solid var(--col7);
}

.profil_ava img {
    width: 190px;
    height: 135px;
    object-fit: cover;
    display: block;
    border: 1px solid var(--col7);
}

.profil_icon img {
    width: 190px;
    height: 110px;
    object-fit: cover;
    display: block;
}

.profil_icons {
    display: flex;
    gap: 20px;
    font-size: 20px;
}

.profil_icons i {
    color: var(--col2);
}

.profil_icons i:hover {
    color: var(--col1);
}

.profil_sideinfo {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.profil_sideinfo div {
    min-height: 28px;
    padding: 7px 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--col4);
    border: 1px solid var(--col7);
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.profil_char_facts_container {
    width: 100%;
    margin: 18px auto 28px auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.profil_char_fact {
    width: auto;
    height: 32px;
    padding: 0 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--col4);
    border: 1px solid var(--col7);
    text-transform: uppercase;
    font-size: 12px;
}

.profil_char_fact i {
    margin-right: 5px;
    color: var(--col2);
}

.profil_allgemeines,
.profil_allgemeines_neu {
    width: 900px !important;
    max-width: calc(100vw - 90px);
    margin: 22px auto 0 auto;
    display: grid;
    grid-template-columns: 230px 1fr;
    gap: 16px;
}

.profil_weitere_chars {
    width: auto;
    height: 330px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background-color: var(--col4);
    padding: 10px;
    box-sizing: border-box;
}

.profil_ue1,
.profil_ue2 {
    min-height: 25px;
    width: 100%;
    text-align: center;
    font-family: var(--subfont);
    color: var(--col2);
    border-bottom: 1px solid var(--col6);
    font-size: 18px;
    letter-spacing: 1px;
    font-style: italic;
}

.profil_weitere_box {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
    width: 180px;
    height: 354px;
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    box-sizing: border-box;
}

.profil_weitere_box img {
    width: 131px;
    height: 104px;
    object-fit: cover;
    outline: 1px solid var(--col6);
    outline-offset: 4px;
}

.profil_userinfos {
    width: 380px;
    height: 410px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.profil_user {
    width: 380px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--col4);
    text-align: center;
}

.profil_user i {
    color: var(--col2);
    margin-right: 5px;
}

.profil_profiltext_container,
.profil_wissenswertes_gross {
    width: auto;
    height: 330px;
    background-color: var(--col4);
    padding: 10px;
    box-sizing: border-box;
}

.profil_profiltext {
    height: 100%;
    padding-right: 5px;
    overflow: auto;
    line-height: 19px;
}

/* PROFIL TABS */
.profil_tab-container {
    width: 900px !important;
    max-width: calc(100vw - 90px);
    margin: -1px auto 50px auto !important;
    border: 1px solid var(--kat);
    border-top: 0;
    box-sizing: border-box;
    position: relative;
    background-color: var(--col2);
}

.profil_tab-container::before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -18px;
    height: 18px;
    border-left: 1px solid var(--kat);
    border-right: 1px solid var(--kat);
    pointer-events: none;
}

.profil_tab-header {
    display: flex;
    background-color: var(--col4);
    border-top: 1px solid var(--kat);
}

.profil_tab-link,
.profil_tab-header button {
    flex: 1;
    padding: 10px;
    border: 0;
    border-right: 1px solid var(--col7);
    background-color: var(--col4);
    color: var(--col3);
    cursor: pointer;
    font-family: var(--subfont);
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.profil_tab-link:hover,
.profil_tab-link.active,
.profil_tab-header button.active {
    background-color: var(--col5);
    color: var(--col1);
}

.profil_tab-content {
    display: none;
    height: 380px;
    padding: 20px;
    box-sizing: border-box;
    overflow: auto;
    background-color: var(--col5);
    background-image: var(--bg_sw);
    background-attachment: fixed;
}

.profil_tab-content.active {
    display: block;
}

.profil_tab-content_container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.profil_tab-content_spalte {
    height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.profil_vorl_auss1,
.profil_vorl_auss2 {
    display: flex;
    flex-direction: column;
    width: 400px;
    background-color: var(--col4);
    padding: 10px;
    box-sizing: border-box;
}

.profil_content_text1,
.profil_content_text2 {
    height: 130px;
    overflow: auto;
    margin-top: 10px;
    padding-right: 5px;
    box-sizing: border-box;
}

/* TOOLTIP */
.profil_tooltip {
    position: relative;
    display: inline-block;
}

.profil_tooltip .profil_tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: var(--col5);
    color: var(--col3);
    text-align: center;
    padding: 2px 0;
    font-size: 14px;
    position: absolute;
    z-index: 20;
    top: 100%;
    left: 50%;
    margin-left: -100px;
}

.profil_tooltip:hover .profil_tooltiptext {
    visibility: visible;
}

/* MEMBER PROFILE NEU */
.edlmp_wrap,
.edlmp_tabs,
.edlmp_options {
    width: 900px !important;
    max-width: calc(100vw - 40px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
}

.edlmp_wrap {
    margin-top: 120px !important;
    margin-bottom: 0 !important;
}

.edlmp_tabs {
    margin-top: -1px !important;
    margin-bottom: 45px !important;
}

.edlmp_options {
    margin-top: 35px !important;
    margin-bottom: 45px !important;
}

.edlmp_frame {
    padding: 22px !important;
}

.edlmp_name,
.edlmp_name span,
.edlmp_name a,
.edlmp_name strong {
    color: var(--kat) !important;
    text-shadow: none !important;
}

.edlmp_text_scroll,
.edlmp_info_text,
.edlmp_tab_content {
    font-size: 13px !important;
    line-height: 1.75 !important;
}

.edlmp_mini_info div,
.edlmp_fact {
    font-size: 10px !important;
}

/* BOARDSTATS */
.edl_boardstats_head {
    min-height: 72px;
    padding: 22px 26px 12px 26px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--col7);
    text-align: right;
}

.edl_boardstats_title {
    color: var(--kat);
    font-family: var(--subfont);
    font-size: 28px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.edl_boardstats_body {
    padding: 18px 22px;
    box-sizing: border-box;
}

.edl_boardstats_body table,
.edl_boardstats_body tbody,
.edl_boardstats_body tr,
.edl_boardstats_body td {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.edl_boardstats_body td {
    margin-bottom: 14px;
    padding: 12px 14px !important;
    border: 1px solid var(--col7) !important;
    background-color: var(--col5) !important;
    line-height: 19px;
}

.edl_boardstats_foot {
    padding: 12px 18px;
    box-sizing: border-box;
    border-top: 1px solid var(--col7);
    text-align: right;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.edl_boardstats_foot a {
    color: var(--col3);
}

/* USER CP */
.edlucp_wrap {
    width: 1120px;
    max-width: calc(100vw - 70px);
    margin: 85px auto 60px auto;
    clear: both;
}

.edlucp_layout {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 18px 0;
}

.edlucp_layout > tbody > tr > td:first-child {
    width: 270px !important;
    max-width: 270px !important;
    min-width: 270px !important;
    box-sizing: border-box;
}

.edlucp_main {
    width: auto !important;
    box-sizing: border-box;
}

.edlucp_panel,
.edlucp_blocks .tborder {
    width: 100% !important;
    border: 1px solid rgba(160,102,61,.38) !important;
    background: rgba(5,4,4,.72) !important;
    box-sizing: border-box;
    margin: 0 0 26px 0 !important;
}

.edlucp_panel_title {
    padding: 28px 24px;
    border-bottom: 1px solid rgba(160,102,61,.22);
    color: var(--kat);
    font-family: var(--subfont);
    font-size: 27px;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: right;
}

.edlucp_summary {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 24px;
    padding: 24px;
}

.edlucp_avatarbox {
    width: 170px;
    height: 170px;
    overflow: hidden;
    border: 1px solid rgba(160,102,61,.28);
    background: rgba(0,0,0,.35);
}

.edlucp_avatarbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.edlucp_username {
    color: var(--kat);
    font-family: var(--subfont);
    font-size: 25px;
    font-style: italic;
    margin-bottom: 14px;
}

.edlucp_info_grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    font-size: 12px;
    line-height: 1.5;
}

.edlucp_info_grid div {
    min-height: 34px;
    padding: 9px 11px;
    border: 1px solid rgba(160,102,61,.18);
    background: rgba(0,0,0,.28);
    box-sizing: border-box;
}

.edlucp_blocks textarea {
    width: 100% !important;
    min-height: 170px;
    box-sizing: border-box;
    background: rgba(0,0,0,.82) !important;
    color: var(--col3) !important;
    border: 1px solid rgba(160,102,61,.35) !important;
}

.edlucp_layout > tbody > tr > td:first-child .tborder,
.edlucp_layout > tbody > tr > td:first-child table {
    width: 100% !important;
    max-width: 270px !important;
    box-sizing: border-box;
}

.edlucp_layout > tbody > tr > td:first-child .thead {
    color: var(--kat) !important;
    font-family: var(--subfont);
    font-size: 22px;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: right;
}

.edlucp_layout > tbody > tr > td:first-child td {
    font-size: 12px;
    line-height: 1.6;
}

/* NEWTHREAD / EDITOR */
.edl_newthread_field,
.edl_newthread_subjectrow {
    width: 100% !important;
    max-width: 100% !important;
}

.edl_newthread_subjectrow input[name="subject"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 38px !important;
    box-sizing: border-box !important;
}

.edl_newthread_messagegrid {
    grid-template-columns: 125px minmax(0, 1fr) !important;
    gap: 20px !important;
}

.edl_newthread_smilies,
.edl_nt_smilies {
    width: 150px !important;
    max-width: 150px !important;
    padding: 10px !important;
    overflow: hidden !important;
}

.edl_newthread_smilies table,
.edl_newthread_smilies tbody,
.edl_newthread_smilies tr,
.edl_newthread_smilies td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.edl_newthread_smilies td {
    padding: 4px 0 !important;
    text-align: center !important;
}

.edl_newthread_smilies img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
}

.edl_nt_label,
.edl_nt_message_label {
    width: 230px !important;
}

.edl_nt_editor {
    padding-left: 42px !important;
}

.edl_nt_editor .sceditor-container {
    max-width: 700px !important;
}

/* POSTBIT PROFILBOX */
.edl_profilebox {
    width: 260px;
    box-sizing: border-box;
    padding: 12px;
    background: rgba(12,12,12,.92);
    color: #ddd;
}

.edl_profile_avatar img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

.edl_profile_icon {
    margin-top: 12px;
}

.edl_profile_icon img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    display: block;
}

.edl_profile_text {
    margin-top: 12px;
    max-height: 120px;
    overflow-y: auto;
    background: rgba(0,0,0,.55);
    padding: 10px;
    font-size: 12px;
    line-height: 170%;
    text-align: justify;
}

.edl_profile_infos {
    margin-top: 12px;
}

.edl_profile_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 6px;
    font-size: 11px;
    text-transform: uppercase;
}

.edl_profile_info span {
    background: #9b6f4b;
    color: #fff;
    padding: 4px 8px;
    min-width: 58px;
    font-size: 10px;
}

.edl_profile_info strong {
    color: #ddd;
    font-weight: normal;
    text-align: right;
}

.edl_profile_name {
    margin-top: 18px;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 18px;
}

.edl_profile_name a {
    color: #d6c0a7;
    text-decoration: none;
}

.edl_profile_title,
.edl_profile_extra {
    margin-top: 8px;
    text-align: center;
    font-size: 11px;
    opacity: .8;
}

/* FOOTER */
.edl_footer {
    width: 900px !important;
    max-width: calc(100vw - 90px);
    margin: 40px auto 30px auto !important;
}

/* MOD/ADMIN OPTIONEN */
.modoptions,
.adminoptions,
table.modoptions,
table.adminoptions {
    width: 900px !important;
    max-width: calc(100vw - 90px);
    margin: 30px auto !important;
}

/* RESPONSIVE */
@media (max-width: 850px) {
    .navi_oben {
        gap: 12px;
        font-size: 9px;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .header_container,
    .headertab_container,
    table.tborder,
    .tborder,
    #boardstats,
    #index_stats,
    .forum_bit_par,
    .random_container,
    .online_container,
    .zitat_container,
    .profil_container,
    .profil_tab-container,
    .edl_footer {
        width: calc(100vw - 30px) !important;
        max-width: calc(100vw - 30px) !important;
    }

    .headertab_container {
        grid-template-columns: 1fr;
    }

    .logo_ue,
    .logo_ue a {
        font-size: 42px;
    }

    .forum_bit_par,
    .online_container,
    .profil_oben,
    .profil_allgemeines,
    .profil_allgemeines_neu {
        display: block;
    }

    .forum_bit_box1,
    .forum_bit_box2,
    .forum_bit_box3,
    .forum_bit_box4,
    .profil_userinfos,
    .profil_user {
        width: 100%;
        margin-bottom: 10px;
    }

    .profil_char_facts_container,
    .edlucp_summary,
    .edlucp_info_grid {
        grid-template-columns: 1fr;
    }

    .edlucp_layout,
    .edlucp_layout > tbody,
    .edlucp_layout > tbody > tr,
    .edlucp_layout > tbody > tr > td {
        display: block;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .edlucp_layout {
        border-spacing: 0;
    }

    .edlucp_layout > tbody > tr > td:first-child {
        margin-bottom: 22px;
    }
}