.archiv-container {
	max-width: 1300px;
	background: rgba(255,255,255,0.7);
	margin: 100px auto 0;
	padding: 35px;
	position: relative;
	max-height: 70vh;
}

.team-container {
	margin-left: 2%;
}

.team-container.ui-datatable table {
	width: 97%;
}

.filter-header {
	position: relative;
	margin-left: 2%;
}

.filter-name {
	width: 67%;
	float: left
}

.filter-name input {
	height: 30px;
	width: 97%;
}

.filter-client {
	width: 24%;
	float: left
}

.filter-client div {
	height: 30px;
}

.filter-search {
	width: 4%;
	float: left;
}

.filter-search .primary_action, .filter-search .primary_action button {
	float: right;
	margin-right: 0;
}

.filter-search-btn {
	background-image: url("/javax.faces.resource/images/filter-search-btn.png.jsf?ln=alf-style-audi-2016&_cb=ErBYywJ");
	background-size: 100% auto;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
}

.event {
	float: left;
	margin-top: 20px;
	border: 1px solid #ccc;
	width: 14%;
	height: 170px;
}

.event {
	margin-left: 2%;
}

.event_frontend .event {
	width: 22%;
}


.event--image {
    background-position: center center;
	background-size: cover;
    height: 100%;
    width: 100%;
}

.event--description {
	overflow: hidden;
	position:absolute; 
	top: 35%;
	height: 65%; 
	width: 90%;
	padding: 0 5%;
	background: rgba(255,255,255,.6);
}

.event--description--name {
	position: absolute; 
	top: 20px;
	font-family: Audi Type Bold;
	padding-right: 5px;
}

.event--description--time {
	position: absolute; 
	bottom: 5px;
	font-family: Audi Type Normal;
	color: black;
	padding-right: 10px;
	font-size: 9px;
}

.footer {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	background: white;
	width: 100%;
    padding: 5px 0 5px 0;
}
.footer div {
	padding: 0 110px 0 100px;
    font-family: Audi Type Normal;
}

.footer div a {
	font-family: Audi Type Normal;
}

.ui-dialog-titlebar-close {
	padding: 0px !important;
}

.ui-icon-closethick {
	height: 40px;
	width: 40px;
}
.ui-dialog-titlebar-icon .ui-icon-closethick::before {
	content: 'X';
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURf///wAAAGBgYP///yAgIO/v7x19fBwAAAABdFJOUyaS612bAAAAS0lEQVQoz2NgoB9gFEQBAkNP0AhEKKMJKisKCgoZoQmCBEASqGYqK0IUoggKmTgrYtruGiJInCBW7dgsEgrC4iSsjsfqzaEacfQBAEUgIbsNcOY8AAAAAElFTkSuQmCC);
	display: block;
	height: 40px;
}

.ui-dialog .ui-dialog-title {
	font-family: Audi Type Extended, Verdana, Helvetica, sans-serif !important;
	color: #000001 !important;
	font-size: 18px !important;
	line-height: 125% !important;
	margin-bottom: 15px !important;
    font-weight: bold;
}

.ui-dialog-titlebar-close {
    margin: 0 !important;
}

@media (max-width: 1250px) {
	.event_frontend .event {
		width: 30%;
	}
}

@media (max-width: 990px) {
	.archiv-container {
		margin-top: 50px;
	}
	
	.filter-name {
		width: 55%;
	}
	
	.filter-name input {
		width: 93%
	}
	
	.filter-client {
		width: 34%;
	}
	
	.filter-search {
		width: 6%;
	}
	
	.event {
		width: 25%;
	}
	
	.event {
		margin-left: 2%;
		width: 30%;
	}
	
	.event_frontend .event {
		width: 47%;
		margin-left: 2%;
	}
}

@media (max-width: 770px) {
	.filter-name {
		width: 55%;
	}
	
	.filter-client {
		width: 30%;
	}
	
	.filter-search {
		width: 10%;
	}
}

@media (max-width: 500px) {
	.archiv-container {
		margin-top: 25px;
	}
	
	.team-container {
		margin-left: 0;
	}
	
	.team-container.ui-datatable table {
		width: 100%;
	}
	
	.filter-header {
		margin-left: 0;
	}

	.event_frontend .event, .event {
		width: 100%;
		margin-left: 0;
	}
	
	.filter-name {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.filter-name input {
		width: 98%;
	}
	
	.filter-client {
		width: 85%;
	}

	.filter-search {
		max-width: 15%;
		width: 30px;
		float: right;
	}

    .footer div {
        font-size: 9px;
        padding: 0px 10px;
    }
}