/* General */

   
input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

/* Layout */

.row {
  display:flex;
}  

.col {
    flex:1;
}
   
.col:last-child {
    margin-left: 0;
}

/* Accordion styles */

.akko {
	width: 100%;
	height: auto;
}

 .akko a {
 	text-transform:uppercase;
	letter-spacing: .1em;
	color:#C0C0C0;
	background-color:#333;
	display:block;
	padding: 10px 0 10px 20px;
	    border-top: 1px dotted #C0C0C0;
	}
	
.arrow:before  {
	content: '\203A';
}
	
.tabs {
    overflow: hidden;
}

.tab {
    width: 100%;
    color:#C0C0C0;
    border-top: 1px dotted #C0C0C0;
    overflow: hidden;
} 

.tab1 {
    width: 100%;
    color:#C0C0C0;
    border-top: 1px dotted #C0C0C0;
    border-bottom: 1px dotted #C0C0C0;
    overflow: hidden;
} 
 
.tab-label {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    background-color:black;
    cursor: pointer;
    text-transform:uppercase;
	letter-spacing: .1em;
}    

.zu a{
    width: 100%;
    color:#C0C0C0;
    border-bottom: 1px dotted #C0C0C0;
    background-color:black;
     background-color:Red;
    text-align:right;
}
      
/* Icon */
    
.tab-label:hover {
    background-color:#333;
     background-color:#494949;

}

.tab-label:after {
    content: "\276F";
    height: 0px;
    text-align: center;
    transition: 1s;
}

.tab-content {
    max-height: 0px;
    padding: 0px;
    transition: 1s;
}
   
 .tab:hover {
    background-color:black;
    color:Orange;
}

.tab1:hover {
    background-color:black;
    color:Orange;
}

.tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    background-color:black;
    border-bottom: 1px dotted #C0C0C0;
    cursor: pointer;
}

.tab-close:hover {
   background-color:#333;
}

.tab-label:hover {
	  background-color:black;
}

/* :checked */

input:checked + .tab-label {
    background-color:black;
    color:Orange;
}    

input:checked + .tab-label:after {
   content: "X";
}

.tab-content .tab-label:after {
    transform: rotate(90deg);
}

input:checked ~ .tab-content {
    max-height: 5000px;
    padding: 0px;
    background-color:#333;
}