:root {
  
    --tabwidth: 1000px;
    --linehei: 18px;
    --logoimg: url(
     https://rising-sun.what-lies-ahead.de/images/rsnew.png);
    --kategorieimg: url(
    https://rising-sun.what-lies-ahead.de/images/rsnew1.png);
    --hintergrimg: url(
    https://rising-sun.what-lies-ahead.de/images/rsnewbgdark.png);
    --onimg: url(
    https://time.hearts-still-beating.de/images_lila/on.png);
    --offimg: url(
   https://time.hearts-still-beating.de/images_lila/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: #646563;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    /* text-shadow: #6d6c6c 1px 0 1px; */
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: var(--bunttext);
    text-align: center;
    margin-bottom: 3px;
    background-color: #222121;
    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: #373837;
}
  
/* 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: 443px;
}

.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:420px;
    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: var(--fsub);
    font-weight: bold;
    font-size: 18px;
    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: 303px;
    height: 177px;
    overflow: auto;
    background-color: var(--box);
    /* 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;
}

.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;
    padding-top: 23px;
}

.tabelle_inhalt_discord i:hover {
    color: var(--bunt2);
}
		
/*// KATEGORIEN//*/
.kategorie_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--tabelle1);
    padding:5px 0px 2px;
    box-sizing: border-box;
    width: var(--tabwidth);
    height:120px;
    margin: auto;
    text-align: center;
    /* border: 1px solid var(--boxborder); */
    background-image: var(--kategorieimg);
}

.kategorie_box h1 {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    color: #deddd9;
    text-align: center;
    margin-bottom: 3px;
}

.kategorie_box h2 {
    font-family:Arial, Helvetica, sans-serif;
    color: var(--bunt);
    font-size: 45px;
    text-transform: uppercase;
    margin-top: 27px;
    text-align: center;
    background: #95918d;
}

/*// FOREN //*/
.forum_box {
    display: flex;
    flex-direction: row;
    width: var(--tabwidth);
    padding: 10px 30px;
    box-sizing: border-box;
    margin: 27px auto;
    background-color: var(--tabelle2);
    width: 940px;
    height: 92px;
}

.forum_beschreibung {
    width: 616px;
    height: 158px;
    background-color: var(--tabelle3);
    padding:20px;
    box-sizing: border-box;
    color: var(--text);
    overflow:auto;
    text-align: left;
}

.forumbesch_box {
    overflow: auto;
    margin-top: 15px;
    height: 17px;
    margin-bottom:5px;
    line-height: var(--linehei);
}

.forumbesch_thpo {
    color: var(--thpotext);
    text-align: right;
    font-size:11px;
}

.forum_unterforum {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 224px;
    height:135px;
    background-color: var(--tabelle3);
    margin: 0px 5px;
    box-sizing: border-box;
    overflow: auto;
}

.forum_unterforum u1 {
    margin:5px 0px;
}



.forum_neualt {
    width:50px;
    height: 135px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--tabelle2);
}

.forum_neualt img {
    width:30px;
    height: 105px;
}


/*neue / keine neuen Beiträge*/

.forum_status {
    width: 20px;
    height: 135px;
}

.forum_on {
    width: 50px;
    height: 135px;
    background-color: var(--bunt);
    background: var(--onimg) no-repeat 0 0;
    margin-right: 12px;
    margin-left: -18px;
}

.forum_off {
    width: 50px;
    height: 135px;
    background:  var(--offimg) no-repeat 0 0;
    margin-right: 12px;
    margin-left: -18px;
}

.forum_offclose {
    width: 20px;
    height: 135px;
    /*background:  var(--offimg) no-repeat 0 0;*/
}

.forum_offlink {
    width: 20px;
    height: 135px;
    background-color: var(--bunt);
}
.forum_letzte {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 205px;
    height: 90px;
    background-color: var(--box);
    padding:20px;
    box-sizing: border-box;
    color: var(--text);
    font-size: 10px!important;
    margin-right: -23px;
    margin-top: -14px;
}

:root {
  
    --logoimg: url(
     https://rising-sun.what-lies-ahead.de/images/rsnew.png);
    --kategorieimg: url(
    https://rising-sun.what-lies-ahead.de/images/rsnew1.png);
    --hintergrimg: url(
    https://rising-sun.what-lies-ahead.de/images/rsnewbgdark.png);
    --onimg: url(
    https://time.hearts-still-beating.de/images_lila/on.png);
    --offimg: url(
   https://time.hearts-still-beating.de/images_lila/off.png);
    /*   --mainfont:
    'Jost', sans-serif;*/
}