.aa-hypothek-box {
	width: 100%;
}

.ff-info-box .flowform-list-items {
	padding: 0;
	margin-left: -10px;
}

.ff-info-box .flowform-list-footer {
	padding-left: 0;
	padding-right: 0;
	margin-left: -10px;	
	padding-bottom: 0;
}

.ff-info-box .flowform-list-total {
	padding: 7px 10px;
}

.flowform-list-footer .aa-TrancheTotal {
	padding: 7px 10px;
}

.aa-t-value {
	flex: 1;
}

.aa-t-total,
.aa-t-modell {
	flex: 3;
}

.aa-t-info-issue {
	color: var(--warning-color);
	font-size: 14px;
}

.aa-info {
	padding: 16px 16px 16px 40px;
	position: relative;
}

.ff-print-preview .aa-info {
    padding: 5px 8px 5px 0;
}

.aa-info .ff-i {
    position: absolute;
    top: 16px;
    left: 8px;	
}

.aa-info-box .aa-info {
	background-color: var(--configurator-segment-background);
	
	margin-bottom: 10px;
}

.ff-print-preview .aa-info-box .aa-info {
	background-color: transparent;
	margin-bottom: 0;
}

.aa-info-box .aa-info:last-child {
    margin-bottom: 0;
}

.aa-info p {
	margin: 0;
	margin-bottom: 5px;
}

.aa-info-title {
	margin: 0;
	font-size: 16px;
}

@media screen and (max-width : 900px) {
	.angebot-info-box-container .a-info-box,
	.angebot-box .a-info-box {
		max-width: 100%;
		min-width: 100%;
		padding-left: 0;
	}
	
	.a-info-box-title {
		padding-left: 60px;
	}
	
	.aa-info {
		padding-left: 40px;
	}
	
	.aa-info-title {
		font-size: 14px;
	}
}

.aa-info-value {
	float:right;
	font-weight: bold;
}

.aa-info.aa-alert > .fa {
	color: var(--warning-color);
}

.as-list {
	display: table;
	width: 100%;		
}

.as-row {
	display: table-row;
	position: relative;
}

.as-value {
	display: table-cell;
	padding: 10px 0 10px 30px;
	vertical-align: top;
}

.as-value .ff-i {	
    position: absolute;
    top: 10px;
    left: 0px;
}

.as-betrag-noetig .ff-l-detail {
	font-size: 16px;
	color: var(--text-color);
}

.as-list .ff-l-detail {
	display:block;
}

.as-betrag-total {
	font-weight: bold;
	color: var(--title-color);
}

.angebot-action-box-sicherheiten.flow-progress-complete .as-betrag-total {
	color: var(--success-color);
}



@media screen and (max-width : 500px) {
	.as-value, .as-row, as-list {
		display: block;
	}
	
	.as-row {
		margin-top: 15px;
	}
}

@media screen and (max-width : 500px) {
	.aa-TrancheTotal,
	.aa-Tranche {
		flex-direction: column;
	}
}

.a-info-matching-issue {
	margin-left: 30px;
}

.a-info-matching-issue h5 { font-weight: bold; }
.a-info-matching-issue .ff-i {
    margin-left: -25px;
    margin-right: 5px;
}