/* Created by Content Blocks */

.card .text.closed {
	max-height: 0;
	overflow: hidden;
	transition: all 140ms ease-in-out;
}

.card .text.closed > * {
	margin-top: 0;
}

.card.active .text.closed {
	max-height: 1000px;
	overflow: visible;
}

.card.active.accordion {
	&:before {
		transform: rotate(180deg);	
	}
}

.card.accordion {
	:after {
		display: none;
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 1;
		font-size: 0;
		left: -9px;
		right: 0;
		border: 9px solid #fff0;
		top: -9px;
		border-radius: 32px;
		bottom: 0;
		display: block;
		transition: background 140ms ease-in;
	}
	&:before {
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		border-left: 17px solid transparent;
		border-right: 17px solid transparent;
		border-top: 17px solid #333;
		transition: transform 0.3s ease;
		right: 15px;
		position: absolute;
		top: 13px;
	}
	


	&:hover :after{
		display: block;
		/* background: rgba(255,255,255, 0.1); */
		cursor: pointer;
	}
}

.card.accordion.white:hover .text {
	color: #008CD1;
	cursor: pointer;
}

.card.accordion.white:hover:before {
	border-top: 17px solid #008CD1 !important;
}

.card.gelb {
	background: #B9DE00;
	color: #000;
}

.card.white {
	background: #fff;
	color: #00ABFF;
}

.card.schwarz, .card.schwarz ul li{
	color: #fff !important;
}

.card ul {
	padding-left: 1em;
}

.card.accordion.white:before{
	border-top: 17px solid #00ABFF !important;
}

.card.accordion.petrol:before, .card.accordion.schwarz:before  {
	border-top: 17px solid #fff !important;
}