summary {
  background: var(--back3);
  padding: 5px;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 900;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--text);
}

summary:focus {
    outline: none;
}

//Anzeige der "Überschrift", wenn Kategorie nicht ausgeklappt ist.
details > summary::marker {
 
    content:'+ ';
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

//Anzeige der "Überschrift", wenn Kategorie ausgeklappt ist.
details[open] > summary::marker {
    content:'- ';
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.theadwanted  {
	background: var(--top);
color: var(--hover);
border: 1px solid var(--back);
padding: 8px;
}

/* Gesuche
--------------------------------------------- */

.picturebox {
display: flow-root;
}

.box {
width: 460px;
font-size: 12px;
padding: 10px 20px 0px 20px;
	color: #202020;
}

#lanyu {
background: #f8f9fa;
border: 1px solid #1b2948;
width: 500px;
margin: auto;
font-family: 'Rubik', sans-serif;
}

.lanyuinfo {
font-size: 16px;
font-variant: small-caps;
color: #1b2948;
text-align: center;
margin-bottom: 10px;
}

.lanyuboxright {
font-size: 13px;
border-right: 10px solid #1b2948;
padding: 0px 0px 8px 8px;
height: 200px;
overflow: auto;
margin-bottom: 30px;
text-align: justify;
}

.lanyuboxleft {
font-size: 13px;
border-left: 10px solid #1b2948;
padding: 0px 0px 8px 8px;
height: 200px;
overflow: auto;
margin-bottom: 30px;
text-align: justify;
}

.lanyupictures {
width: 100px;
height: 100px;
float: left;
margin: 0px 0px 20px 18px;
border: 1px solid #1b2948;
}

.lanyutitle {
font-size: 26px;
font-weight: bold;
font-variant: small-caps;
color: #1b2948;
text-align: center;
text-shadow: 1px 2px #00859b;
}

#batu {
background: #ffffff;
border: 1px solid #aa0002;
width: 500px;
margin: auto;
font-family: 'Rubik', sans-serif;
}

.batuinfo {
font-size: 16px;
font-variant: small-caps;
color: #aa0002;
text-align: center;
margin-bottom: 10px;
}

.batuboxright {
font-size: 13px;
border-right: 10px solid #aa0002;
padding: 0px 0px 8px 8px;
height: 200px;
overflow: auto;
margin-bottom: 30px;
text-align: justify;
}

.batuboxleft {
font-size: 13px;
border-left: 10px solid #aa0002;
padding: 0px 0px 8px 8px;
height: 200px;
overflow: auto;
margin-bottom: 30px;
text-align: justify;
}

.batupictures {
width: 100px;
height: 100px;
float: left;
margin: 0px 0px 20px 18px;
border: 1px solid #aa0002;
}

.batutitle {
font-size: 26px;
font-weight: bold;
font-variant: small-caps;
color: #aa0002;
text-align: center;
text-shadow: 1px 2px #000;
}

#waicao {
background: #f3f3f3;
border: 1px solid #368f0e;
width: 500px;
margin: auto;
font-family: 'Rubik', sans-serif;
}

.waicaoinfo {
font-size: 16px;
font-variant: small-caps;
color: #368f0e;
text-align: center;
margin-bottom: 10px;
}

.waicaoboxright {
font-size: 13px;
border-right: 10px solid #368f0e;
padding: 0px 0px 8px 8px;
height: 200px;
overflow: auto;
margin-bottom: 30px;
text-align: justify;
}

.waicaoboxleft {
font-size: 13px;
border-left: 10px solid #368f0e;
padding: 0px 0px 8px 8px;
height: 200px;
overflow: auto;
margin-bottom: 30px;
text-align: justify;
}

.waicaotitle {
font-size: 26px;
font-weight: bold;
font-variant: small-caps;
color: #368f0e;
text-align: center;
text-shadow: 1px 2px #000;
}

#xingxin {
background: #f8f9fa;
border: 1px solid #aa0002;
width: 500px;
margin: auto;
font-family: 'Rubik', sans-serif;
}

.xingxininfo {
font-size: 16px;
font-variant: small-caps;
color: #aa0002;
text-align: center;
margin-bottom: 10px;
}

.xingxinboxright {
font-size: 13px;
border-right: 10px solid #aa0002;
padding: 0px 0px 8px 8px;
height: 150px;
overflow: auto;
margin-bottom: 30px;
text-align: justify;
}

.xingxinboxleft {
font-size: 13px;
border-left: 10px solid #aa0002;
padding: 0px 0px 8px 8px;
height: 150px;
overflow: auto;
margin-bottom: 30px;
text-align: justify;
}

.xingxintitle {
font-size: 26px;
font-weight: bold;
font-variant: small-caps;
color: #aa0002;
text-align: center;
text-shadow: 1px 2px #000;
}

#duo {
background: #fbfbfb;
border: 1px solid #3b3b3b;
width: 500px;
margin: auto;
font-family: 'Rubik', sans-serif;
}

.duoinfo {
font-size: 16px;
font-variant: small-caps;
color: #3b3b3b;
text-align: center;
margin-bottom: 10px;
}

.duoboxright {
font-size: 13px;
border-right: 10px solid #3b3b3b;
padding: 0px 0px 8px 8px;
height: 200px;
overflow: auto;
margin-bottom: 30px;
text-align: justify;
}

.duoboxleft {
font-size: 13px;
border-left: 10px solid #3b3b3b;
padding: 0px 0px 8px 8px;
height: 200px;
overflow: auto;
margin-bottom: 30px;
text-align: justify;
}

.duopictures {
width: 100px;
height: 100px;
float: left;
margin: 0px 0px 20px 18px;
border: 1px solid #3b3b3b;
}

.duotitle {
font-size: 26px;
font-weight: bold;
font-variant: small-caps;
color: #3b3b3b;
text-align: center;
text-shadow: 1px 2px #bababa;
}

.duotitle2 {
font-size: 26px;
font-weight: bold;
font-variant: small-caps;
color: #3b3b3b;
text-align: center;
text-shadow: 1px 2px #bababa;
margin-bottom: 10px;
}