.evenemangslist {
    margin: 0;
    padding: 0;
}

.evenemangslist .evenemangsitem{
 	float: left;
 	/*width: calc(33% - 10px);*/
 	height: 90px;
 	margin-bottom: 10px;

 	position: relative;

 	display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-align-items: flex-start;
   align-items: flex-start;
}


@media (max-width : 480px) {
	.evenemangslist .evenemangsitem {
		width: 100%;
	}
}

@media (min-device-width : 481px) and (max-device-width : 768px){
	.evenemangslist .evenemangsitem {	
		width: calc(50% - 10px);
	}
}

@media (min-device-width : 769px){
	.evenemangslist .evenemangsitem {		
		width: calc(33% - 10px);
	}	
}


.evenemangslist .evenemangsitem a{
	color: #202020;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: 700;
    margin: 10px;
    padding-left:25px;
    padding-top:10px;

	position: absolute;
	left:0;

	align-self: stretch;
	-webkit-flex: 12 0 0; 
   	flex: 12 0 0; 
}

.evenemangslist .evenemangsitem .evenemangxdatum{ /*Check if needed*/
	font-size: 0.9em;
	display:inline-block;
	width:100%;
}

.evenemangslist .evenemangsitem div.chevron {
	font-family: FontAwesome;
	font-size:1.3em;

	position: absolute;
	left:0;

	align-self: stretch;
	-webkit-flex: 1 0 0;
   	flex: 1 0 0;
   	padding-top: 25px;
    padding-left: 9px;
}

.evenemangslist .evenemangsitem:hover {
    background-color: #cbee88;
}