.download-component{
	
	position: relative;
	padding: 60px 0px 60px 0px;
	margin-bottom: 25px;
}
.download-component::before{
	content: '';
    background: inherit;
    position: absolute;
    left: -50vw;
    top: 0;
    bottom: 0;
    width: 50vw;
    display: block;
}
.download-component::after{
	content: '';
    background: inherit;
    position: absolute;
    right: -50vw;
    top: 0;
    bottom: 0;
    width: 50vw;
    display: block;
}
.download-component > .table{
	maring-top:20px;
	display:table;
	width: 100%;
	padding: 10px 20px;
}
.download-component > .table > .table-row{
	display:table-row;
}

.download-component > .table > .table-row > .table-cell-head{
	display:table-cell;
	padding: 12px 20px 10px 20px;
	font-weight:bold;
	font-style:italic;
	border-bottom: 1px  solid;
}
.download-component > .table > .table-row > .table-cell-desc{
	display:table-cell;
	padding: 12px 20px 10px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.download-component > .table > .table-row > .table-cell-file{
	display:table-cell;
	padding: 12px 20px 10px 20px;
	vertical-align: middle;
}
.download-component > .table > .table-row > .table-cell-download{
	text-align:right;
	text-decoration: none;
	display: table-cell;
	padding: 12px 20px 10px 0px;
	vertical-align: middle;
}
.download-component > .table > .table-row > .table-cell-download:hover{
	opacity: .5;
}
.download-component > .table > .table-row > .table-cell-download > .cell-wrapper{
	display: flex;
	justify-content: flex-end;
}
.download-component > .table > .table-row > .table-cell-download > .cell-wrapper > .text{
	text-transform: uppercase;
	margin-right: 8px;
	display: block;
}
.download-component > .table > .table-row > .table-cell-download > .cell-wrapper > .icon{
	font-family: 'jab-anstoetz-icomoon';
	margin-top: -2px;
}
.download-component > .table > .table-row > .table-cell-download > .cell-wrapper > .icon::before{
	content: '\33';
}

@media only screen and (max-width: 600px) {
    .download-component{
		
		position: relative;
		padding: 30px 0px 30px 0px;
		margin-bottom: 25px;
	}
	.download-component > .table{
		maring-top:10px;
		width: 100%;
		padding: 10px;
		display: flex;
   		flex-direction: column;
	}
	.download-component > .table > .table-row{
		display: flex;
		flex-direction: column;
	}
    .download-component > .table > .table-row > .table-cell-head{
		display: none;
	}
	.download-component > .table > .table-row > .table-cell-desc{
		width:70%;
		padding: 10px 1px 1px 10px;
	}
	.download-component > .table > .table-row > .table-cell-file{
		order:3;
		display:flex;
		width:70%;
		padding: 0px 1px 10px 10px;
		font-size: 0.9rem;
		font-style:italic;
	}
	.download-component > .table > .table-row > .table-cell-download > .cell-wrapper > .text{
		display: none;
	}
	.download-component > .table > .table-row > .table-cell-download{
		padding:1px 10px 1px 1px;
		vertical-align: middle;
		font-size: 2.2rem;
		margin-top: -33px;
    	margin-bottom: -24px;
	}
}
@media only screen and (min-width: 600px) {
	.download-component > .table > .table-row > .table-cell-desc{
		width:40%;
		max-width: 0;
	}	
}
@media only screen and (min-width: 768px) {
	.download-component > .table > .table-row > .table-cell-desc{
		width:55%;
	}
}