#liste_columm {
	column-count: 2;
}

.liste_inhalt {
    display: flex;
    padding: 5px 10px;
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap; 
    align-items: center;
    gap: 10px;
}

.listencontainer

.listenbody

.listenright {
 
width: 100%;
  background: var(--tbl-main-tr2);
  padding: 15px;
  border: 1px solid var(--tbl-main);
}

.listennav 

.listen_nav_container {
  display: flex;
	padding: 15px;
  overflow: auto;
  background: var(--tbl-main-tr2);
  margin: 5px;
  border: 1px solid var(--tbl-main);
  justify-content: flex-start;
  align-items: flex-start;
}

.listen_nav_eins {
  width: 50%;
  text-align: center;
}

.listen_nav_zwei {
  width: 50%;
  text-align: center;
}

.listen_fc {
    display: flex;
    flex-direction: column;
}

.listen_fc_1 {
  background: var(--tbl-main-tr2);
  border: 1px solid var(--tbl-main);
align-self: center;
  width: 50%;
  text-align: center;
	font-weight: 900;
	text-transform: uppercase;
}

.listen_fc_2 {
  background: var(--tbl-main-tr2);
  border: 1px solid var(--tbl-main);
align-self: center;
  width: 50%;
  text-align: center;
}

.listen_fc_1, .listen_fc_2 {
    flex: 1;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}

.liste_inhalt > * {
    min-width: 0;
}

@media only screen and (max-width: 568px){
	.liste_inhalt {
	padding: 2px 3px;
	width: 100%;
}

.listencontainer

.listenbody

.listenright {
 
width: 100%;
  background: var(--tbl-main-tr2);
  padding: 3px;
  border: 1px solid var(--tbl-main);
}

.listennav 

.listen_nav_container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.listen_nav_eins {
  padding: 3px;
  overflow: auto;
  background: var(--tbl-main-tr2);
  margin: 2px;
  border: 1px solid var(--tbl-main);
align-self: center;
  width: 100%;
  text-align: center;
}

.listen_nav_zwei {
  padding: 3px;
  overflow: auto;
  background: var(--tbl-main-tr2);
  margin: 2px;
  border: 1px solid var(--tbl-main);
align-self: center;
  width: 100%;
  text-align: center;
}

.listen_fc {
        flex-direction: row; 
        width: 100%; 
	flex-wrap: wrap;
}

.liste_inhalt {
        flex-wrap: nowrap;
}

.listen_fc_1, .listen_fc_2 {
    width: 100%; 
    margin-bottom: 2px; 
	flex-grow: 1;
    flex-shrink: 0;  
	font-weight: 200;
	white-space: nowrap;
		
		/* Safari Fixes, nicht entfernen */
    -webkit-box-sizing: border-box; 
    -webkit-flex: 1; 
    -webkit-overflow-scrolling: touch; 
	flex: 1;
    overflow: auto; 
    text-overflow: ellipsis;
}

#liste_columm {
	column-count: 1;
}


}