:root {
    --bunt: #efefef;
    --bunt2: #48201a;
    --text: #dbdadb;
    --thpotext: #c3c3c3;
    --logobg: #00000010;
    --tabelle1: #868281;
    --tabelle2: #090302;
    --tabelle3: #050203;
    --boxborder: #636363;
    --drpdwn: #3b4072;
    --offline: #bb3e3e;
    --tabwidth: 950px;
    --linehei: 18px;
    --logoimg: url(
     https://rising-sun.what-lies-ahead.de/images/rs-br.png);
    --kategorieimg: url(https://rising-sun.what-lies-ahead.de/images/halloween/kathallo.png);
    --hintergrimg: url(
    https://rising-sun.what-lies-ahead.de/images/halloween/halloweenbg.png);
    --onimg: url(
    https://rising-sun.what-lies-ahead.de/images/rs-br-on.png);
    --offimg: url(
   https://rising-sun.what-lies-ahead.de/images/rs-br-off.png);
    /*   --mainfont:
    'Jost', sans-serif;*/
}

/* Start gilt für alles */
::selection {
    background: var(--bunt);
    color: var(--tabelle1);
}

/*html * {
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
   text-align: justify;
}
*/
a {
    text-decoration: none;
    color: #d6d6d6;
    font-family: calibri;
    font-size: 12px;
    text-align: center;
    /* text-shadow: #6d6c6c 1px 0 1px; */
}

h1 {
    font-family: calibri;
    font-size: 13px;
    color: var(--bunttext);
    text-align: center;
    margin-bottom: 3px;
    background-color: #5e5e5e;
    text-transform: uppercase;
    font-weight: 100;
    /* background-image: var(--kategorieimg); */
}

.aussehen_lastpost {
    text-align: center;
}

.aussehen_date {
    font-size:10px;
}

.aussehen_subforum a {
    line-height: var(--linehei);
    font-family: var(--mainfont);
    /* font-weight: bold; */
    font-size: 13px;
    background-color: var(--bunt);
    color: #deddd9;
    width: 200px;
    padding: 2px 0px;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    margin: 1px 0px;
    /* font-family: Libre Baskerville; */
}

.aussehen_subforum a:hover {
    color: var(--tabelle1);
}

mub {
    background-color: var(--bunt);
    color: #deddd9;
    letter-spacing: 1px;
    padding: 2px;
    text-transform: uppercase;
    margin-right:3px;
    font-size: 11px;
}

/* width */
::-webkit-scrollbar {
    width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    background: var(--tabelle2);
}
  
/* Handle */
::-webkit-scrollbar-thumb {
    background: #868281;
}
  
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--bunt);
}

/* Ende gilt für alles */


/* Start Logo */
.logo_box {
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    /* align-items: center; */
    /* background-color: var(--logobg); */
    background-image: var(--logoimg);
    width: var(--tabwidth);
    height: 400px;
}

.logo_main, .logo_main a {
    font-family: var(--mainfont);
    font-weight: bold;
    font-size: 100px;
    color: var(--tabelle1);
    margin: 60px 0px 30px;
}

.logo_sub {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--tabelle1);
}

/* Ende Logo */

/* Start Headertabelle */
.header_box {
    width: var(--tabwidth);
    height: 335px;
    background-color: #5e5e5e;
    margin:auto;
}

.navi_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width:900px;
    height:30px;
    margin:auto;
    text-transform: uppercase;
    font-weight: bold;
}

u1 {
    /*font-family: var(--mainfont)!important;*/
    /* font-weight: bold; */
    font-size: 20px;
    color: var(--bunt);
    text-align: center;
}

u3 {
    font-family: var(--mainfont);
    font-weight: bold;
    font-size: 25px;
    color: var(--bunt);
}

u3 a {
    font-family: "Raleway", serif;
    font-size: 17px;
    color: var(--text);
}

.tabelle_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width:100%;
    height:auto;
    background-color: var(--tabelle2);
    padding:10px 30px 0px 30px;
    box-sizing: border-box;
}

.tabelle_inhalt, .tabelle_inhalt_discord, .tabelle_inhalt2, .footer_tabbox, .footer_tabbox_zitat, .footer_tabbox_stats {
    width: 323px;
    height: 177px;
    overflow: auto;
    background-color: var(--tabelle3);
    /* border: 1px solid var(--boxborder); */
    padding:15px;
    box-sizing: border-box;
    color: var(--text);
    line-height: var(--linehei);
    text-align: justify;
    margin-right: 4px;
    padding-top: 1px;
    font-size: 12px;
}

.tabelle_inhalt2 a {
    color: var(--text);
}

.tabelle_inhalt2 a:hover {
    color: var(--bunt);
    transition: 0.5s;
}

.tabelle_inhalt_discord, .tabelle_inhalt_discord i {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    width: 210px;
    overflow-x: hidden;
    margin-left: 6px;
}

.tabelle_inhalt_discord i:hover {
    color: var(--bunt2);
}