/* Listen und Übersichtsseiten */
.lists {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--space-xxs);
	
	width: 100%;
}

/* Menu */
.lists_menu {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 2;
    background: var(--colorbase29);
    word-break: break-word;
}

.lists_menu-head {
    text-align: left;
    background: var(--accent3);
    padding: var(--space-m);
    border-left: var(--space-xs) solid var(--accent4);
    border-right: var(--space-xs) solid var(--accent4);
    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(--text-l);
}

.lists_menu-head a{
    color: var(--colorbase27);
}

.lists_menu-head a:hover{
    color: var(--accent1);
}

.lists_menu-item {
    padding: var(--space-xs);
    border-bottom: var(--border1) var(--color3);
    text-align: left;
    font-size: var(--text-m);
    font-family: var(--subtext-font);
    line-height: var(--space-xxl);
}

.lists_menu-item a{
    color: var(--accent3);
}

.lists_menu-item a:hover{
    color: var(--accent1);
}

/*  Content */
.lists_content {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 2;
    grid-column-end: 3;
}

.lists_content-head {
    background: var(--accent3);
    border-left: var(--space-xs) solid var(--accent4);
    border-right: var(--space-xs) solid var(--accent4);
    padding: var(--space-s) var(--space-m);
    font-size: var(--main-m);
    font-family: var(--maintitle-font);
    font-weight: 200;
    color: var(--colorbase2);
    text-shadow: var(--shadow1) var(--accent4);
    letter-spacing: var(--space-xxxs);
    transition: var(--fast);
    text-align: left;
}

.lists_content-headmini {
    background: var(--accent3);
    border-left: var(--space-xs) solid var(--accent4);
    border-right: var(--space-xs) solid var(--accent4);
    padding: var(--space-s) var(--space-m);
    font-size: var(--main-xxs)
    font-family: var(--maintitle-font);
    font-weight: 200;
    color: var(--colorbase2);
    text-shadow: var(--shadow1) var(--accent4);
    letter-spacing: var(--space-xxxs);
    transition: var(--fast);
    text-align: left;
}

.lists_content-description {
    text-align: justify;
    padding: var(--space-m);
    line-height: var(--space-xxl);
    background: var(--colorbase29);
}

.lists_content-description .abc {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: space-around;
}

.lists_content-description .abc a {
    position: relative;
    padding: var(--space-m);
    background: var(--accent38);
    border: var(--border1) var(--color3);
    transition: var(--fast);
    color: var(--colorbase2);
}

.lists_content-description .abc a:hover{
	background: var(--accent18);
}

.lists_content-bit {
    margin: var(--space-l) var(--space-m);
    line-height: var(--space-xxl);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-s);
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
    justify-items: stretch;
}

.lists_content-block {
}

.lists_content-block h2{
    background: var(--accent4);
    margin: var(--space-m) 1% 0% 1%;
    box-sizing: border-box;
    padding: var(--space-xxxs) var(--space-s);
    font-size: var(--text-l);
    font-weight: 400;
    color: var(--colorbase2);
    font-style: italic;
    letter-spacing: var(--space-xxxs);
    text-align: left;
    position: relative;
    border-left: var(--space-xs) solid var(--accent3);
    border-right: var(--space-xs) solid var(--accent3);
}

.lists_content-block h2::before {
    content: '';
    box-sizing: border-box;
    width: var(--space-s);
    height: 80%;
    background: var(--accent4);
    position: absolute;
    top: -4px;
    left: -14px;
}

.lists_content-block h2 a{
    color: var(--color3);
    text-shadow: var(--shadow1) var(--accent1);
}

.lists_content-block h2 a:hover{
    color: var(--color1);
    text-shadow: none;
}

.lists-content-item {
    margin: 0px var(--space-xxs);
    margin-left: 5px;
    line-height: var(--space-xxl);
    background: var(--colorbase29);
    padding: var(--space-m);
	text-align: left;
    font-size: var(--text-m);
    font-family: var(--subtext-font);
    line-height: var(--space-xxl);
}

.lists-content-item a{
    color: var(--accent3);
}

.lists-content-item  a:hover{
    color: var(--accent1);
}

/* Wikizusatz */
.lists_content-description #linknavigation {
    width: 50%;
    padding: var(--space-m);
    margin-top: var(--space-m);
    border:var(--border1) var(--accent45)
}

.lists_content-description #linknavigation b {
    color: var(--accent3);
    font-size: var(--text-l);
}

.lists_content-description #linknavigation a {
 
  display: inline-block;
  text-decoration:none;
  color: var(--accent3);
}

.lists_content-description #linknavigation a:hover {
 
  text-decoration: underline; 	
  color: var(--accent1);
}

/* Wegkreuzung */
.lists_content-bit3 {
    background: var(--colorbase29);
    padding: var(--space-l) var(--space-m);
    line-height: var(--space-xxl);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-m);
}

.lists_content-bit3 h2 {
    font-size: var(--main-xxs);
    font-family: var(--maintitle-font);
    font-weight: 200;
    color: var(--colorbase2);
    text-shadow: var(--shadow1) var(--accent4);
    background: var(--accent3);
    padding: 0px var(--space-m);
    border-left: var(--space-xs) solid var(--accent4);
    border-right: var(--space-xs) solid var(--accent4);
    text-transform: none;
    line-height: var(--main-s);
    width: 100%;
	text-align: center;
}

.lists_content-bit3 .lists_content-block1 {
    width: 24.1%;
    padding-top: var(--space-m);
    padding-bottom: var(--space-xxs);
    z-index: 1;
    position: relative;
    text-align: center;
    font-size: var(--text-m);
    font-weight: bold;
    border: var(--border1) var(--color3);
    background-color: var(--color35);
    justify-content: center;
    align-items: center;
    display: flex;
    flex-flow: column;
	color: var(--accent3);
}

.lists_content-bit3 .lists_content-block1:hover{
	background: var(--accent1);
	color:var(--colorbase2);
}

.lists_content-bit3 .lists_content-block1 i {
    display: block;
    width: 100%;
    padding-bottom: var(--space-xs);
	font-size: var(--text-l);
}

/* Zusatz wegen Plottracker*/
.lists_content .entry {
    text-align: justify;
    padding: var(--space-m);
    line-height: var(--space-big);
    background: var(--colorbase29);
}
.lists_content .entry hr{
    display:none;
}
.lists_content .entry .vorwort {
    display: flex;
}
.lists_content .entry #linknavigation {
    width: 50%;
    padding: var(--space-m);
    margin-top: var(--space-m);
    border: var(--border1) var(--accent45);
}
.lists_content .entry #linknavigation b {
    color: var(--accent3);
    font-size: var(--text-l);
}
.lists_content .entry #linknavigation a {
    display: inline-block;
    text-decoration: none;
    color: var(--accent3);
}
.lists_content .entry #linknavigation a:hover {
    color: var(--accent1);
    text-decoration: underline;
}
.lists_content .entry h2 {
    margin: 1% 0% 1% 0%;
    background: var(--accent3);
    padding: var(--space-m);
    border-left: var(--space-xs) solid var(--accent4);
    border-right: var(--space-xs) solid var(--accent4);
    transition: var(--fast);
    text-align: left;
    text-decoration: none;
    font-size: var(--text-xxxl);
    font-family: var(--maintext-font);
    color: var(--colorbase2);
    text-transform: none;
    line-height: var(--text-l);
    font-weight: 100;
}
.lists_content .entry h3 {
    border-left: var(--space-xs) solid var(--accent4);
    padding: var(--space-xxs) var(--space-m);
}
.lists_content .entry h4 {
    text-decoration: underline var(--space-xxxs) solid var(--accent4);
    font-weight: normal;
    padding: var(--space-xxs) 0%;
}

.lists_content .plottszene{
}
.lists_content .plottszene .plotttitel {
    margin: 1% 0% 1% 0%;
    padding: var(--space-m);
    border-left: var(--space-xs) solid var(--accent4);
    transition: var(--fast);
    text-align: left;
    text-decoration: none;
    font-size: var(--text-xl);
    font-family: var(--maintext-font);
    text-transform: none;
    line-height: var(--text-l);
    font-weight: 100;
}
.lists_content .plottszene .plotttitel a{
    color: var(--accent3);
    text-decoration: none;
}
.lists_content .plottszene .plotttitel a:hover{
    display: inline-block;
    text-decoration:underline;
    color: var(--accent1);
}
.lists_content .plottszene .plottteilnehmer{
}
.lists_content .plottszene .plottteilnehmer b{
    color: var(--accent3);
    font-size: var(--text-l);
}
.lists_content .plottszene .plottteilnehmer a{
    display: inline-block;
    text-decoration: none;
    color: var(--accent3);
}
.lists_content .plottszene .plottteilnehmer a:hover{
    color: var(--accent1);
    text-decoration: underline;
}