/* Kategorien forumbit_depth1_cat */
.puzzleforumbitkategorie {
    margin-top: -6px;
    margin-bottom: var(--space-xs);
}

.puzzleforumbittitel {
    width: 97.3%;
    position: relative;
    top: var(--space-m);
    background: var(--accent3);
    background-image: var(--kategoriebild);
    background-size: cover;
    border-left: var(--space-xs) solid var(--accent4);
    border-right: var(--space-xs) solid var(--accent4);
    padding: var(--space-xxxl) var(--space-m);
    text-transform: none;
}

.puzzleforumbittitel h1 {
    position: relative;
    text-decoration: none;
    font-size: var(--main-m);
    font-family: var(--maintitle-font);
    font-weight: 200;
    color: var(--color19);
    text-shadow: var(--shadow1) var(--accent4);
    letter-spacing: var(--space-xxxs);
    transition: var(--fast);
    text-align: left;
    z-index: 1;
}

.puzzleforumbittitel h1 a{
	color: var(--color19);
}

.puzzleforumbittitel h1 a:hover{
	color: var(--accent1);
}

.puzzleforumbittitel h2 {
    position: relative;
    width: 15%;
    padding: var(--space-xxs);
    font-family: var(--subtext-font);
    margin-top: -5px;
    left: var(--space-xxxs);
    bottom: var(--space-m);
    background: var(--accent47);
    border: var(--border1) var(--accent4);
    text-align: center;
    color: var(--colorbase2);
    transition: var(--fast);
    font-size: var(--text-m);
}

.puzzleforumbiticon i {
    display:none;
}

.puzzleforumbiticon i:hover{
  color:var(--color3);
  text-shadow: var(--shadow2) var(--accent1);
}

.puzzleforumbitkategorie .expcolimage {
    position: relative;
    float: right;
    width: auto;
    vertical-align: middle;
    z-index: 10;
    margin-top: -100px;
    margin-right: var(--space-m);
}

/* Forumbit Infokästen */
.puzzleforumbitkategorie_infobox1 {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: auto;
    gap: 0px var(--space-s);
    margin-bottom: -8px;
    margin-top: var(--space-m);
    background: var(--accent3);
    border-left: var(--space-xs) solid var(--accent4);
    border-right: var(--space-xs) solid var(--accent4);
    padding-bottom: var(--space-xxs);
    width: 99%;
}

.puzzleforumbitkategorie_infobox2 {
    display: grid;
    grid-template-rows: 1fr auto auto;
    grid-template-columns: 1fr;
    gap: 0px var(--space-s);
    margin-bottom: -8px;
    margin-top: var(--space-m);
    background: var(--accent3);
    border-left: var(--space-xs) solid var(--accent4);
    border-right: var(--space-xs) solid var(--accent4);
    padding-bottom: var(--space-xxs);
    width: 99%;
}

.puzzleforumbitkategorie_infobox1 .forentext, .puzzleforumbitkategorie_infobox2 .forentext {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 2;
    background-color: var(--colorbase2);
    border: var(--border1) var(--color3);
    padding: var(--space-s);
    margin-bottom: var(--space-xs);
}

.puzzleforumbitkategorie_infobox1 .forentextbox, .puzzleforumbitkategorie_infobox2 .forentextbox {
    width: 100%;
    text-align: left;
    font-size: var(--text-m);
    font-family: var(--subtext-font);
    line-height: var(--space-xxl);
}

.puzzleforumbitkategorie_infobox1 .forentextbox b, .puzzleforumbitkategorie_infobox2 .forentextbox b {
    color: var(--accent3);
    font-family: var(--subtext-font);
}

.puzzleforumbitkategorie_infobox1 .forenbuttons, .puzzleforumbitkategorie_infobox2 .forenbuttons {
    grid-row-start: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 2;
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    padding: 0px var(--space-xxl);
}

.puzzleforumbitkategorie_infobox1 .forenbuttons a, .puzzleforumbitkategorie_infobox2 .forenbuttons a {
    text-align: center;
    margin-right: var(--space-xxs);
    margin-bottom: var(--space-xxs);
    position: relative;
    right: var(--space-s);
    padding: 0px var(--space-m);
    background: var(--colorbase2);
    border: var(--border1)  var(--accent3);
    transition: var(--fast);
    color: var(--accent3);
	height: var(--main-m);
	font-size: var(--text-m);
    text-decoration: none;
    color: var(--accent3);
    font-family: var(--subtext-font);
    line-height: var(--space-xl);
}

.puzzleforumbitkategorie_infobox1 .forenbuttons a i , .puzzleforumbitkategorie_infobox2 .forenbuttons a i {
    display: block;
    font-family: var(--subtext-font);
    font-size: var(--text-xl);
    text-decoration: none;
    color: var(--accent3);
	line-height: var(--space-biggest);
}

.puzzleforumbitkategorie_infobox1 .forenbuttons a:hover , .puzzleforumbitkategorie_infobox2 .forenbuttons a:hover{
	background: var(--accent1);
	color: var(--colorbase2);
}

/* Extra für Randomforumgesuche */
.gesuch {
 
	display: none;
}

.forengesuche {
    grid-row-start: 3;
    grid-column-start: 1;
    grid-row-end: 4;
    grid-column-end: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: var(--space-xxxs);
}

.gesuchpraefix, .gesuchlink {
    text-align: center;
    margin-top: var(--space-xxs);
    margin-right: var(--space-xxs);
    margin-bottom: var(--space-xxs);
    position: relative;
    right: var(--space-s);
    padding: var(--space-xxs) var(--space-m);
    background: var(--colorbase28);
    border: var(--border1) var(--accent3);
    transition: var(--fast);
    color: var(--accent3);
}

.gesuchpraefix {
    width: 25%;
    margin-left: var(--space-m);
}

.gesuchlink {
    width: 80%;
    margin-right: -4px;
	text-align: left;
    font-size: var(--text-m);
    text-decoration: none;
    color: var(--accent3);
    font-family: var(--subtext-font);
}

.gesuch a{
    color: var(--accent3);
}

.gesuchpraefix:hover, .gesuchlink:hover {
    background: var(--accent1);
    color: var(--colorbase2);
}

.gesuchlink:hover {
    color: var(--colorbase2);
	text-decoration:underline;
}

/* Subforen 3 Boxen nebeneinander */
.puzzleforumbitkategorie_container1 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--space-s);
    margin-bottom: var(--space-xxs);
    margin-top: var(--space-xs);
}

.puzzleforumbitkategorie_container1 #puzzleforumbit_subforum1 {
    background-color: var(--colorbase2);
    box-shadow: var(--box-shadow2) var(--accent4);
    padding: var(--space-s);
    margin-top: var(--space-xs);
    margin-bottom: -2px;
	border: var(--border1) var(--accent45);
}

.puzzleforumbitkategorie_container1 #puzzleforumbit_subforum1:first-child {
}

.puzzleforumbitkategorie_container1 #puzzleforumbit_subforum1:second-child {
}

.puzzleforumbitkategorie_container1 #puzzleforumbit_subforum1:last-child {
 
	margin-right: var(--space-xxxs);
}

/* Subforen 4 Boxen */
.puzzleforumbitkategorie_container2 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-s) var(--space-xxs);
    margin-bottom: var(--space-m);
	margin-top: var(--space-xs);
}

.puzzleforumbitkategorie_container2 #puzzleforumbit_subforum1 {
    margin-left: var(--space-xxxs);
    background-color: var(--colorbase2);
    box-shadow: var(--box-shadow2) var(--accent4);
    padding: var(--space-s);
    margin-top: var(--space-xs);
	border: var(--border1) var(--accent45);
}

.puzzleforumbitkategorie_container2 #puzzleforumbit_subforum1:second-child {
}

/* Subforen 5 Boxen 
.puzzleforumbitkategorie_container3 {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-m) var(--space-xs);
    margin-bottom: var(--space-xxs);
	margin-top: var(--space-xs);
}

.puzzleforumbitkategorie_container3 #puzzleforumbit_subforum1, .puzzleforumbitkategorie_container3 #puzzleforumbit_subforum2 {
    width: 97%;
    margin-bottom: -8px;
    margin-left: var(--space-xxxs);
    background-color: var(--colorbase2);
    box-shadow: var(--box-shadow2) var(--accent4);
    padding: var(--space-s);
    margin-top: var(--space-s);
    margin-bottom: -8px;
}

.puzzleforumbitkategorie_container3 #puzzleforumbit_subforum1:second-child {
 
	margin-left: var(--space-xxxs);
}

.puzzleforumbitkategorie_container3 #puzzleforumbit_subforum2{
 
	width: 198.1%;
	margin-bottom: -2px;
}

#puzzleforumbit_subforum1 .themen, #puzzleforumbit_subforum1 .beitraege{
	width: 114% !important;
}

*/
/* Styling des Inhalts der Subforen */
#puzzleforumbit_subforum1 {
	background-color: var(--colorbase2);
	box-shadow: var(--box-shadow2) var(--accent4);
	padding: var(--space-s);
	margin-top: var(--space-xs);
	margin-bottom: -2px;
	display: flex;
	flex-direction: column;
	border: var(--border1) var(--accent45);
}

#puzzleforumbit_subforum1 .header {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: auto var(--sonder2);
}

#puzzleforumbit_subforum1 .info {
    width: 98%;
    margin-bottom: var(--space-m);
    display: grid;
}

#puzzleforumbit_subforum1 .titel {
    text-align: left;
    background: var(--accent3);
    padding: 0px var(--space-m);
    border-left: var(--space-xs) solid var(--accent4);
    border-right: var(--space-xs) solid var(--accent4);
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 3;
}

#puzzleforumbit_subforum1 a {
    letter-spacing: var(--space-xxxs);
    transition: var(--fast);
    text-align: left;
    text-decoration: none;
    font-size: var(--main-xxs);
    font-family: var(--maintitle-font);
    color: var(--colorbase2);
    text-transform: none;
    line-height: var(--main-s);
}

#puzzleforumbit_subforum1 a:hover {
    color: var(--accent1);
}

#puzzleforumbit_subforum1 .themen, #puzzleforumbit_subforum1 .beitraege {
    padding: var(--space-xxs);
    font-family: var(--subtext-font);
    background: var(--accent49);
    border: var(--border1) var(--accent35);
    text-align: center;
    color: var(--colorbase2);
    transition: var(--fast);
    font-size: var(--text-s);
    line-height: var(--main-xxs);
    margin-top: var(--space-xxxs);
}

#puzzleforumbit_subforum1 .themen {
    grid-row-start: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 2;
    margin-right: 1px;
}

#puzzleforumbit_subforum1 .beitraege {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-column-end: 3;
    margin-left: 1px;
}

#puzzleforumbit_subforum1 .bild {
    height: var(--sonder2);
    width: var(--sonder2);
    border-radius: 100%;
    background-image: var(--dekopng);
    background-size: cover;
	filter: var(--filter1);
    background-position: left;
    box-shadow: var(--box-shadow2) var(--accent3);
}

#puzzleforumbit_subforum1 .text, #puzzleforumbit_subforum1 .sub {
    flex-grow: 1;
}

#puzzleforumbit_subforum1 .text {
    width: 100%;
    text-align: left;
    font-size: var(--text-m);
    font-family: var(--subtext-font);
    line-height: var(--space-xl);
    flex-grow: 1;
    overflow: hidden; /* Verhindert unendliches Wachstum */
	max-height: var(--sonder3);
}

#puzzleforumbit_subforum1 .text b {
    color: var(--accent3);
    font-family: var(--subtext-font);
}

#puzzleforumbit_subforum1 .lastposter {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: auto 1fr;
    /*background: var(--accent3);*/
    border-left: var(--space-xs) solid var(--accent4);
}

#puzzleforumbit_subforum1 .lastpostbild {
    height: var(--main-xl);
    width: var(--main-s);
    border: var(--border1) var(--color3);
    margin-left: -6px;
}

#puzzleforumbit_subforum1 .lastpost {
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-template-columns: 1fr;
    color: var(--colorbase17);
    height: var(--main-xl);
}

#puzzleforumbit_subforum1 .lastpost span {
    padding: 0px var(--space-xs);
    margin-bottom: -3px;
    line-height: var(--space-xl);
    text-align: left;
}

#puzzleforumbit_subforum1 .lastpost span:first-child {
    margin-top: var(--space-s);
}

#puzzleforumbit_subforum1 .lastpost a {
    text-decoration: none;
    font-family: var(--subtext-font);
    font-size: var(--text-m);
    font-style: italic;
    color: var(--accent3);
    line-height: var(--space-xxl);
    letter-spacing: 1px;
}

#puzzleforumbit_subforum1 .lastpost a:hover {
    color: var(--accent1);
}

#puzzleforumbit_subforum1 .sub {
	max-height: var(--main-xxl) !important;
}

#puzzleforumbit_subforum1 .unterforen {
    margin-top: var(--space-xxxs);
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-grow: 1;
}

#puzzleforumbit_subforum1 .unterforen a {
    text-decoration: none;
    position: relative;
    padding: var(--space-xxs);
    font-family: var(--subtext-font);
    background: var(--accent48);
    border: var(--border1) var(--accent35);
    text-align: center;
    color: var(--colorbase2);
    transition: var(--fast);
    font-size: var(--text-m);
    line-height: var(--space-s);
    letter-spacing: 1px;
    margin-right: var(--space-xxxs);
    margin-bottom: var(--space-xxxs);
}

#puzzleforumbit_subforum1 .unterforen a:hover {
	background: var(--accent1);
	color: var(--colorbase2);
}

