/* Style the tab */
.tab {
	overflow: hidden;
	background-color: var(--tabellebold);
	
	color: var(--tabellevordergrund);
}

.tab i {
	color: var(--tabellenhintergrund);
}

/* Style the buttons that are used to open the tab content */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 10px;
letter-spacing: 1px;
}

.tab button i {
	color: var(--tabellenhintergrund);
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: var(--tabelleunderline);
}

/* Create an active/current tablink class */
.tab button.active {
background-color: var(--tabelleitalic);
}

.tab button.active i {
	color: var(--tabellenhintergrund);
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.tabcontent.active {
    display: block;
}