/* ============================== */
/* === Powered by locomputing === */
/* ============================== */

.nuraddi {
color: #bd9800;
}

.useedite {
position: relative;
font-size: 150%;
}

.rbg00 {
background: #bd9800;
border-radius: .1em;
color: navy;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg01 {
background: #00ffff;
border-radius: .1em;
color: black;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg02 {
background: #ff00ff;
border-radius: .1em;
color: black;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg03 {
background: #0000ff;
border-radius: .1em;
color: white;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg04 {
background: #ffff00;
border-radius: .1em;
color: black;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg05 {
background: #00ff00;
border-radius: .1em;
color: black;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg06 {
background: #ff8484;
border-radius: .1em;
color: black;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg07 {
background: #808080;
border-radius: .1em;
color: white;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg08 {
background: #c0c0c0;
border-radius: .1em;
color: black;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg09 {
background: #008080;
border-radius: .1em;
color: white;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg10 {
background: #800080;
border-radius: .1em;
color: white;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg11 {
background: #000080;
border-radius: .1em;
color: white;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg12 {
background: #808000;
border-radius: .1em;
color: black;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg13 {
background: #008000;
border-radius: .1em;
color: white;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg14 {
background: #800000;
border-radius: .1em;
color: white;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}
.rbg15 {
background: #000000;
border-radius: .1em;
color: white;
width: 1.4em;
height:1.4em;
padding: 0;
text-align: center;
border: .035em solid black;
}

.fbg1 {
background: #fff3aa;
border:1px solid gray;
padding: 2px 5px;
font-size: 75%;
}
.fbg2 {
background: #ffebc6;
border:1px solid gray;
padding: 2px 5px;
font-size: 75%;
}
.fbg3 {
background: #fff3aa;
border:1px solid gray;
padding: 2px 5px;
font-size: 75%;
}
.fbg4 {
background: #ffebc6;
border:1px solid gray;
padding: 2px 5px;
font-size: 75%;
}


/* - - - Kategorien - - - - - - - - - - - - - - - - - - - - - - - - - */

#cattable {
width: 100%;
margin: 0 0 1em 0;
padding:0 0;
}

#cattwo {
display: flex;
width: 100%;
border-bottom:1px solid gray;	
padding: 0;
margin: .1em 0;
}
#cattwo .thematop {
display: block;
margin:0;
padding:2px 10px;
font-size: 100%;
word-break: break-all;
word-break:break-word;
}
#cattwo .themabottom {
width:auto;
margin: calc(.5em + ((.5vw - 0.1em) * 0.1)) 0 0 0;
padding:0;
font-size: 92%;
}
#cattwo .themabottom span {
font-size: 89%;
}

#cattwo .flextworight2 {
background: white;
width: 100%;
}

#cattwo .phpcod {
overflow: auto; 
display: block;
width: 100%;
padding: 5px; 
margin:.2em .15em; 
font-family: Courier New; 
font-size: 95%; 
border: 1px solid #ff8484;
border-left: 5px solid red; 
background: #fdf5e8; 
color: black;
text-align: left;
word-break:break-all;
word-break:break-word;
}

#cattwo .codern {
overflow: auto; 
padding: calc(.15em + ((.15vw - 0.1em) * 1)); 
margin:3px calc(.15em + ((.15vw - 0.1em) * 1)) 0 calc(.15em + ((.15vw - 0.1em) * 1)); 
font-family: Courier New; 
font-size: 85%;
width: 100%; 
border: 1px solid #e2e2e2;
border-left: 5px solid green; 
background: #f7f7f7; 
color: black;
}
#cattwo .coblue {
color:navy;
font-weight: bold;
}




#cattwos {
display: flex;
width: 100%;
border-bottom:1px solid gray;	
padding: 0;
margin: .1em 0;
}
#cattwos .thematop {
display: block;
margin:0;
padding:2px 10px;
font-size: 80%;
word-break: break-all;
word-break:break-word;
}
#cattwos .themabottom {
width:auto;
margin: calc(.5em + ((.5vw - 0.1em) * 0.1)) 0 0 0;
padding:0;
font-size: 92%;
}
#cattwos .themabottom span {
font-size: 89%;
}

#cattwos .flextworight2 {
background: white;
width: 100%;
}

#cattwos .phpcod {
overflow: auto; 
display: block;
width: 100%;
padding: 5px; 
margin:.2em .15em; 
font-family: Courier New; 
font-size: 95%; 
border: 1px solid #ff8484;
border-left: 5px solid red; 
background: #fdf5e8; 
color: black;
text-align: left;
word-break:break-all;
word-break:break-word;
}

#cattwos .codern {
overflow: auto; 
padding: calc(.15em + ((.15vw - 0.1em) * 1)); 
margin:3px calc(.15em + ((.15vw - 0.1em) * 1)) 0 calc(.15em + ((.15vw - 0.1em) * 1)); 
font-family: Courier New; 
font-size: 85%;
width: 100%; 
border: 1px solid #e2e2e2;
border-left: 5px solid green; 
background: #f7f7f7; 
color: black;
}
#cattwos .coblue {
color:navy;
font-weight: bold;
}

.katbesch {
font-size: 60%;
padding: 0 0 0 3.33em;
}

.catleft1 {
font-size:95%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.catright1 {
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
text-align: left;
}

#catfour {
display: grid;
grid-template-columns: repeat(100, 1fr);
border-bottom:1px solid silver;	
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
margin: .1em 0;	
}
.catfourleft1 {
grid-column: 1 / 51;
grid-row: 1;	
font-size:95%;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1)) calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
}

.catfourmiddle1 {
grid-column: 51 / 81;
grid-row: 1;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
font-size:75%;
}
.catfourmiddle1 span {
font-size:85%;
}
.catfourright1 {
grid-column: 81 / 101;
grid-row: 1;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
font-size:85%;
text-align: right;
}
.catfourright1 a {
font-size:80%;
}
.catfourright1 div {
font-size:75%;
color: maroon;
}

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

.catfourleft1 {
grid-column: 1 / 71;
grid-row: 1;	
}
.catfourmiddle1 {
grid-column: 31 / 71;
grid-row: 2;	
}
.catfourmiddle1 div {
display: inline;
width: 100%;
padding: 0 .5em;;
text-align: center;
}
.catfourright1 {
grid-column: 71 / 101;
grid-row: 1;	
}

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

.catfourleft1 {
grid-column: 1 / 71;
grid-row: 1;	
}
.catfourmiddle1 {
grid-column: 35 / 91;
grid-row: 2;	
}
.catfourmiddle1 div {
display: inline;
width: 100%;
padding: 0 .5em;;
text-align: center;
}
.catfourright1 {
grid-column: 61 / 101;
grid-row: 1;	
}

}






/* - - - Thems - - - - - - - - - - - - - - - - - - - - - - - - - */

#themstable {
width: 100%;
margin: 0;
padding:0;
}
.themslinel {
background: #f7f7f7;
display: block;
width: 100%;	
text-align: left;
border-bottom:1px solid gray;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
}


#themsfour {
display: grid;
grid-template-columns: repeat(100, 1fr);
width: 100%;
border-bottom:1px solid silver;
margin: .1em 0;	
}

.themsleftl {
grid-column: 1 / 10;
grid-row:    1;
min-width: 2em;
margin: 0 calc(.25em + ((.25vw - 0.1em) * 0.1));
padding: calc(.5em + ((.5vw - 0.1em) * 0.1)) calc(.35em + ((.35vw - 0.1em) * 0.1)) 0 0;
border-right:5px solid silver;
}

.themsmidlel {
grid-column: 10 / 55;
grid-row:    1;
font-size:85%;
padding: calc(.25em + ((.25vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.themsmidler {
grid-column: 55 / 77;
grid-row:    1;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
font-size: 70%;
text-align: left;
}

.themsrightl {
grid-column: 77 / 101;
grid-row:    1;
color: maroon;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.5em + ((.5vw - 0.1em) * 0.1)) 0 0;
text-align: right;
font-size: 60%;
}
.themsrightl span {
color: navy;
}


@media screen and (min-width: 40em) {

#themsfour {
display: grid;
grid-template-columns: repeat(100, 1fr);
width: 100%;
border-bottom:1px solid silver;
margin: .1em 0;	
}

.themsleftl {
grid-column: 1 / 7;
grid-row:    1;
margin: 0 auto;
padding: .5em 0;
border-right:1px solid silver;
}

.themsleftl #aditop {
font-size: 175%;
}

.themsleftl #usetop {
font-size: 100%;
margin-top:.18em;
}

.nick {
font-size: 65%;
}


.themsmidlel {
grid-column: 7 / 55;
grid-row:    1;
font-size:85%;
padding: calc(.25em + ((.25vw - 0.1em) * 0.1)) calc(.25em + ((.25vw - 0.1em) * 0.1));
}
.themsmidler {
grid-column: 55 / 80;
grid-row:    1;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
font-size: 70%;
text-align: left;
}
.themsmidler span {
font-weight:bold;
}

.themsrightl {
grid-column: 80 / 101;
grid-row:    1;
color: maroon;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) calc(.5em + ((.5vw - 0.1em) * 0.1)) 0 0;
text-align: right;
font-size: 60%;
}
.themsrightl span {
color: navy;
}
}

@media screen and (max-width: 400px) {
.themsrightl {
display: none;
}
.themsrightl span {
display: none;
}
}




picture .foruser {
font-size: 175%;	
}

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

#themsfour {
display: flex;
flex-wrap: wrap;
}
.themsmidlel {
width: 55%;	
}
.themsmidler {
width: 25%;	
}
.themsrightl {
width: 100%;
text-align: center	
}

}

/* --------------  thems ende  --------------------*/





/* - - - Thema - - - - - - - - - - - - - - - - - - - - - - - - - */

#tablethema {
width: 100%;
margin: 0 0 1em 0;
padding:0;
}
.linelthema {
background: #f7f7f7;
display: block;
width: 100%;	
text-align: left;
border-bottom:1px solid gray;
padding: calc(.15em + ((.15vw - 0.1em) * 0.1)) 0;
}


.thematop {
display: block;
margin:0;
padding:2px 10px;
word-break: break-all;
word-break:break-word;
}


.anone {
text-decoration: none;
}

.fordate {
color: maroon;
font-weight: bold;
}


.just::before {
 content: "\A";
white-space: pre;
}


.themsmidlel span {
font-size: 75%;
}

#cattwo .flextwoleft1 {
width: 2em;
margin: .25em auto;
padding: .25em auto;
text-align: center;
border-right: 1px solid silver;
font-size: 125%;
}


#cattwos .flextwoleft2 {
width: 1.5em;
margin: .15em auto;
padding: .25em auto;
text-align: center;
border-right: 1px solid silver;
font-size: 125%;
}


.flextwoleft1 .userbild1 {
margin: 0 auto;
padding: .05em .15em 0 0;
text-align: center;
}

.bgcol {
background-color: #fafafa;
background-color: #faf4e2;
}


.flextworight1 {
font-size: 70%;
margin:0;
padding:0;
}
.flextworight2 {
margin:0;
padding:0;
font-size: 70%;
}

.greating {
width: 1.9em;
font-style: normal;
cursor:default;
font-size: 175%;
text-align: center;
}

.userbild {
width: auto;
font-size:100%;
margin: 0 auto;
padding: 0;
}

.userbild1 {
width: auto;
font-size:100%;
margin: -.1em 0 0 -.2em;
padding: .1em 0 0 0;
}


.userbild2 {
width: auto;
font-size:100%;
margin: 0 auto;
padding: .1em auto;
text-align: center;
}

.great {
position: relative;
padding: 0 0 0 .25em;
font-style: normal;
cursor:pointer;
border: .075em solid black;
border-radius: .095em;
}

.great.useman {
position: relative;
margin: 0 auto;
font-style: normal;
font-size:100%;
cursor:pointer;
}

.flextwoleft2 .great.useman {
position: relative;
margin: 0 auto;
font-style: normal;
font-size:80%;
cursor:pointer;
}


.admintxt {
font-size: 55%;
font-weight: bold;
}

.flextwoleft2 .admintxt {
font-size:50%;
font-weight: bold;
}

.usertxt {
font-size: 50%;
font-weight: bold;
}

.flextwoleft2 .usertxt {
font-size: 45%;
font-weight: bold;
}


.greats { 
  margin:0;
  font-style: normal;
  min-width: auto;
  font-size: 100%;
  padding: .13em 0 0 0;
  cursor:pointer;
}

.flextwoleft2 .greats { 
  margin:0;
  font-style: normal;
  min-width: auto;
  font-size: 75%;
  padding: .13em 0 0 0;
  cursor:pointer;
}


.flextwoleft2 .fovers {
  min-width: 8em;
  display: none;
  height:auto;
  padding:calc(.15em + ((.15em - 0.1em) * 1)) calc(.15em + ((.15em - 0.1em) * 1)) 
  calc(.15em + ((.15em - 0.1em) * 1)) calc(.15em + ((.15em - 0.1em) * 1));
  position: relative;
 margin:-5em 0 0 -.65em;
 font-size: 70%;
 line-height:calc(.4em + ((.4em - 0.1em) * 1));
  color: black;
  background: white;
  text-align:left;
border:calc(.1em + ((.1em - 0.1em) * 1)) solid maroon;
border-bottom:calc(.15em + ((.15em - 0.1em) * 1)) solid rgb(75, 2, 2);
border-radius: .2em .2em 0 0;
}
@media screen and (max-width: 32em) {
.flextwoleft2 .fovers {
 margin:-5.1em 0 0 -8px;
}
}
.flextwoleft2 .fovers span {
font-size:70%;
color: blue;
font-weight: normal;
}
.flextwoleft2 .fovers:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: .5em solid rgb(75, 2, 2);
  border-left: .5em solid transparent;
  border-right: .5em solid transparent;
  opacity: 1;
  left: .75em;
  bottom: -.5em;
  z-index: 99999999;
}


.fovers {
  min-width: 8em;
  display: none;
  height:auto;
  padding:calc(.15em + ((.15em - 0.1em) * 1)) calc(.15em + ((.15em - 0.1em) * 1)) 
  calc(.15em + ((.15em - 0.1em) * 1)) calc(.15em + ((.15em - 0.1em) * 1));
  position: relative;
 margin:-5.1em 0 0 -.75em;
 font-size: 70%;
 line-height:calc(.4em + ((.4em - 0.1em) * 1));
  color: black;
  background: white;
  text-align:left;
border:calc(.1em + ((.1em - 0.1em) * 1)) solid maroon;
border-bottom:calc(.15em + ((.15em - 0.1em) * 1)) solid rgb(75, 2, 2);
border-radius: .2em .2em 0 0;
}
@media screen and (max-width: 32em) {
.fovers {
 margin:-5.1em 0 0 -13px;
}
}
.fovers:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: .5em solid rgb(75, 2, 2);
  border-left: .5em solid transparent;
  border-right: .5em solid transparent;
  opacity: 1;
  left: .75em;
  bottom: -.5em;
  z-index: 99999999;
}



.fovers span {
font-size:70%;
color: blue;
font-weight: normal;
}

.greats .foverse {
  min-width: 5em;
  display: none;
  height:auto;
  padding:calc(.15em + ((.15em - 0.1em) * 1)) calc(.15em + ((.15em - 0.1em) * 1)) 
  calc(.15em + ((.15em - 0.1em) * 1)) calc(.15em + ((.15em - 0.1em) * 1));
  position: relative;
 margin: -5em 0 0 .1em;
 font-size: 70%;
 line-height:calc(.42em + ((.42em - 0.1em) * 1));
  color: black;
  background: white;
  text-align:left;
border:calc(.1em + ((.1em - 0.1em) * 1)) solid maroon;
border-bottom:calc(.15em + ((.15em - 0.1em) * 1)) solid rgb(75, 2, 2);
border-radius: .2em .2em 0 0;
}
.greats .foverse:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: .5em solid rgb(75, 2, 2);
  border-left: .5em solid transparent;
  border-right: .5em solid transparent;
  opacity: 1;
  left: .75em;
  bottom: -.5em;
  z-index: 99999999;
}







.foverse span {
font-size:80%;
color: blue;
font-weight: normal;
}

.great:hover > .fovers {
  display: block;
  position:absolute;
  z-index: 4;
cursor:pointer;
}
.greats:hover > .foverse {
  display: block;
  position:absolute;
  z-index: 5;
font-weight: bold;
cursor:pointer;
}







.dfn {
background:yellow;
padding: 1px 4px;
}

.cored {
color:red;
font-weight: bold;
}


.code {
font-size: 65%;
padding: 3px 3px 3px 5px; 
margin:3px 2px 3px 0; 
display:block; 
border: 1px solid #999;
border-left: 5px solid green; 
background: #ffffff; 
color: black;
}

.codex {
font-size: 65%;
padding: 3px 3px 6px 5px; 
margin:0px 3px 5px 10px; 
display:block; 
border: 1px solid #999;
border-left: 5px solid green; 
background: #dbffdb; 
color: black;
}

#forant {
display: block;
font-size: 75%;
margin:0;
border:none;
max-width:100%;
border: 2px solid gainsboro;
}
#forant {
padding-left:1em;
padding-right:1em;
}