.akordeon-wrapper > div:nth-of-type(2n) {
	display: none;
	margin-bottom: 10px;
}

.akordeon-wrapper > div.active {display: block}

.akordeon-wrapper > div:nth-of-type(2n + 1) {margin-bottom: 10px}

.akordeon-wrapper > div:nth-of-type(2n + 3) {
	padding-top: 10px;
	border-top: 1px solid #c0c0c0;
}

.akordeon-wrapper h4 {
	width: 100%;
	position: relative;
	cursor: pointer;
}
.akordeon-wrapper h4:hover {opacity: 0.6}

.akordeon-wrapper h4 span {
	position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    text-align: center;
}


/*GRID: 768px */
@media all and (max-width: 768px) {

.akordeon-wrapper > div:nth-of-type(2n + 1) h4:hover {opacity: 1}
	
}