.tx-mm-ext-felogin .frontend-user-box-wrap {
	display: table;
	width: 100%;
	background-color: #FFFFFF;
}

.tx-mm-ext-felogin .frontend-user-box-inner {
	display: table-row;
}

.tx-mm-ext-felogin .frontend-user-box-wrap .type-icon-wrap {
	display: table-cell;
	width: 30%;
	text-align: center;
	background-color: #0088a5;
	vertical-align: middle;
}

.tx-mm-ext-felogin .frontend-user-box-wrap .type-icon-wrap.finanzinstitute {
	background-color: #e7594a;
}

.tx-mm-ext-felogin .frontend-user-box-wrap .type-icon-wrap.kreditkartenabrechnung {
	background-color: #0088a5;
}

.tx-mm-ext-felogin .frontend-user-box-wrap .type-icon-wrap i {
	font-size: 115px;
	color: #FFFFFF;
}

.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap {
	display: table-cell;
	width: 70%;
	padding: 20px;
	text-align: center;
}

.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap .text-head {
	font-size: 26px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap .text-body {
	font-size: 17px;
	margin-bottom: 25px;
}

.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap a.link {
	padding: 5px 35px;
	text-transform: uppercase;
	text-decoration: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.tx-mm-ext-felogin .frontend-user-box-wrap .type-icon-wrap i {
		font-size: 90px;
	}

	.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap {
		padding: 15px 10px;
	}

	.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap .text-head {
		font-size: 18px;
	}

	.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap .text-body {
		font-size: 14px;
	}
}

@media screen and (min-width: 451px) and (max-width: 600px) {
	.tx-mm-ext-felogin .frontend-user-box-wrap {
		margin-top: -36px;
	}

	.tx-mm-ext-felogin .frontend-user-box-wrap .type-icon-wrap i {
		font-size: 90px;
	}

	.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap {
		padding: 15px 10px;
	}

	.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap .text-head {
		font-size: 18px;
	}

	.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap .text-body {
		font-size: 14px;
	}
}

@media screen and (max-width: 450px) {
	.tx-mm-ext-felogin .frontend-user-box-wrap {
		margin-top: -54px;
	}

	.tx-mm-ext-felogin .frontend-user-box-wrap .type-icon-wrap {
		display: table-cell;
		width: 24%;
	}

	.tx-mm-ext-felogin .frontend-user-box-wrap .type-icon-wrap i {
		font-size: 70px;
	}

	.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap {
		padding: 10px;
		width: 76%;
	}

	.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap .text-head {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.tx-mm-ext-felogin .frontend-user-box-wrap .text-wrap .text-body {
		font-size: 13px;
		margin-bottom: 15px;
	}
}