/* æø dreamweaver utf8 bug */
/* beispielrechner Ergebnis */
#ws_rechner_popup_outer_container
{
	display:block;
	position:relative;
}
#ws_rechner_popup_outer_container h2
{
	text-align:center;
}
#ws_rechner_popup_slider_container
{
	display:block;
	position:relative;
	margin:0;
	padding:0;
}
#ws_rechner_popup_ergebnis_container
{
	display:block;
	position:relative;
	margin:0 0 20px 0;
	padding:0;
}


#ws_advantagesCalc_result_outer_container
{
	display:flex;
	position:relative;
	box-sizing:border-box;
	width:240px;
	height:240px;
	border-radius:120px;
	background-color:#fff;
	border:2px solid #163049;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	/*box-shadow: 5px 5px 10px rgba(0,0,0,0.6);*/
	margin:0 auto;
}
#ws_advantagesCalc_result_container
{
	display:flex;
	position:relative;
	box-sizing:border-box;
	width:220px;
	height:220px;
	border-radius:110px;
	background-color:#163049;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	background-image:url(../../../pix/icons/check-green.svg);
	background-position:center 180px;
	background-repeat:no-repeat;
	background-size:30px 30px;
}
#ws_advantagesCalc_result_container span
{
	display:block;
	position:relative;
	font-size:20px;
	line-height:24px;
	font-family:'FuturaBT-Book';
	color:#009FE3;
	letter-spacing:1px;
	margin:5px 0 5px 0;
}
#ws_advantagesCalc_result_container div
{
	display:block;
	position:relative;
	font-family:'FuturaBT-Book';
	font-size:24px;
	line-height:24px;
	letter-spacing:1px;
	color:#fff;
	font-weight:bold;
	margin:0 0 15px 0;
}
#ws_advantagesCalc_result_container img
{
	display:none;
	position:relative;
	width:30px;
	height:30px;
	margin:0 auto;
}
@media only screen
	and (max-width : 900px)
{
	.ws_advantagesCalc_small
	{
		padding:40px 20px;
	}
}
@media only screen
	and (max-width : 750px)
{
	.ws_advantagesCalc_small
	{
		background-color:#fff;
	}
}




/**
* Formular
 im Layer
**/
#layer_form_outer_container
{
	display:flex;
	position:relative;
	height:100%;
	width:100%;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:stretch;
	align-items:srtetch;
	align-content:stretch;
}
/* Bild */
#layer_form_hero_container
{
	flex:1 1 auto;
	display:block;
	position:relative;
}

#layer_form_content_outer_container
{
	flex:0 0 auto;
	box-sizing: border-box;
	display:flex;
	position:relative;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:srtetch;
	align-content:stretch;
	background-color:#fff;
	height:100%;
}
#layer_form_content_top_container
{
	flex:1 1 auto;
	display:flex;
	position:relative;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:flex-start;
	align-items:srtetch;
	align-content:stretch;
	min-height:1px;
	height:100%;
}

#layer_form_content_main
{
	flex:0 0 auto;
	box-sizing:border-box;
	padding:40px 60px;
	display:block;
	position:relative;
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	height:100%;
	width:480px;
}



@media only screen
	and (max-width :800px)
{
	#layer_form_hero_container
	{
		display:none;
	}
	#layer_form_content_outer_container
	{
		flex:1 1 auto;
	}
	#layer_form_content_main
	{
		flex:1 1 auto;
		width:100%;
		height:auto;
	}
}
@media only screen
	and (max-width :560px)
{
	#layer_form_content_main
	{
		padding:20px 20px;
	}
}
@media only screen
	and (max-width :400px)
{
	#layer_form_content_main
	{
		padding:10px 10px;
	}
}


/*** Formularfelder ***/
.form_section
{
	display:block;
	position:relative;
	box-sizing:border-box;
	width:100%;
}
.form_section_title
{
	display:block;
	position:relative;
	border-radius:4px;
	cursor:pointer;
	background-color:#11304D;
	padding:0 50px;
	transition:box-shadow 0.3s linear;
	box-shadow:0 5px 5px rgba(0,0,0,0.5);  
}
.form_section_title.alwaysopen
{
	padding:0 10px;
}
.form_section.open .form_section_title,
.form_section_title:hover
{
	box-shadow:none;  
}
.form_section_title span.open_close
{
	display:block;
	position:absolute;
	height:50px;
	width:50px;
	border-radius:4px;
	transition:left 0.3s linear;
	background-image:linear-gradient(to top, #11304D, #009FE3);
	left:0px;
	top:0px;
	z-index:4;
}
.form_section.open .form_section_title span.open_close
{
	left:calc(100% - 50px);
}
.form_section.open .form_section_title span.open_close span
{
	transform:rotate(45deg);
}
.form_section_title span.open_close span
{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transition:transform 0.3s ease-out;
	background-color:#009FE3;
	background-color:#fff;
}
.form_section_title span.open_close span:nth-child(1)
{
	margin:-2px auto auto -15px;
	height:4px;
	width:30px;
}
.form_section_title span.open_close span:nth-child(2)
{
	margin:-15px auto auto -2px;
	height:30px;
	width:4px;
}
.form_section_title span.txt
{
	display:flex;
	justify-content:flex-start;
	flex-direction:row;
	align-items:center;
	align-content:center;
	position:relative;
	color:#11304D;
	font-family:'FuturaBT-Book';
	color:#fff;
	letter-spacing:1px;
	font-size:16px;
	line-height:20px;
	padding:0 0 0 10px;
	height:50px;
}
.form_section_content
{
	display:block;
	position:relative;
	box-sizing:border-box;
	overflow:hidden;
	height:auto;
	max-height:0px;
	/*transition:max-height 0.3s linear;*/
	margin:20px 0 10px 0;
}
.form_section.open .form_section_content
{
	max-height:1500px;
}
.form_section_content .c2a_wellcard_bttn_container
{
	margin-top:20px;
}
/** content **/
.form_inputContainer_row
{
	display:flex;
	position:relative;
	flex-direction:row;
	flex-wrap:nowrap;
	box-sizing:border-box;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	width:100%;
}
.form_inputContainer
{
	flex:1 1 auto;
	display:flex;
	position:relative;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	margin:0 auto 10px auto;
	width:100%;
}
.form_inputContainer.hidden
{
	display:none;
}
.form_inputContainer_row .form_inputContainer.small
{
	flex:0 0 35%;
}
.form_inputContainer_row .form_inputContainer:nth-child(1)
{
	margin-right:2px;
}
.form_inputContainer_row .form_inputContainer:nth-child(2)
{
	margin-left:2px;
}
/* Label */
.form_inputLabel
{
	flex:0 0 auto;
	display:block;
	position:relative;
	display:block;
	font-size:14px;
	line-height:20px;
	padding:0 14px 2px 13px;
	font-family:'FuturaBT-Book';
	color:#11304D;
	letter-spacing:1px;
}
.form_inputLabel::before
{
	display:block;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-11px;
	line-height:20px;
	height:20px;
	padding:0 0 2px 0;
	font-size:12px;
	line-height:20px;
	content:"→\00A0"
}
.form_inputLabel::after
{
	display:none;
	position:absolute;
	right:0px;
	top:4px;
	height:12px;
	width:12px;
	background-image:url(../../../pix/icons/check-green.svg);
	background-position:left top;
	background-size:contain;
	background-repeat:no-repeat;
	content:""
}
.form_inputContainer[data-displayError="0"][data-checkError="1"] .form_inputLabel::after
{
	display:block;
}
.form_inputContainer.row .form_inputLabel
{
	padding:14px 0 14px 13px;
}
/* Error */
.form_inputError
{
	flex:0 0 auto;
	position:relative;
	display:none;
	font-size:14px;
	line-height:20px;
	color:#f00;
}
.form_inputContainer[data-displayError="1"] .form_inputError
{
	display:block;
}
/* input text */
.form_inputText
{
	display:block;
	position:relative;
	box-sizing: border-box;
	width:100%;
	height:48px;
	line-height:48px;
	font-size:16px;
	cursor:pointer;
	padding:0 5px;
	border:2px solid #E4EAEF;
	transition:border 0.5s ease-in-out;
}
/* Select */
.form_selectContainer
{
	flex:0 0 auto;
	width:100%;
	box-sizing:border-box;
	display:block;
	position:relative;
	height:48px;
	line-height:48px;
	cursor:pointer;
	overflow:hidden;
	border:2px solid #E4EAEF;
	transition:border 0.5s ease-in-out;
}
.form_inputSelect
{
	display:block;
	position:relative;
	height:44px;
	line-height:44px;
	width:125%;
	padding:0 5px;
	font-size:16px;
	cursor:pointer;
}
.form_selectContainer .icon
{
	display:block;
	position:absolute;
	top:12px;
	right:12px;
	height:10px;
	width:10px;
	transform: rotate(45deg);
	border-right:2px solid #11304D;
	border-bottom:2px solid #11304D;
	transition:border 0.3s linear;
}
.form_selectContainer:hover .icon
{
	border-right:2px solid #009FE3;
	border-bottom:2px solid #009FE3;
}
/* all focus */
.form_inputText:focus,
.form_inputTextarea:focus,
.form_selectContainer.focus
{
	border:2px solid #009FE3;
}
/* all placeholder */
.form_inputContainer input::placeholder,
.form_inputContainer textares::placeholder
{
	color:#ccc;
	transition:color;
}
.form_inputContainer input:focus::placeholder,
.form_inputContainer textares:focus::placeholder
{
	color:#E4EAEF;
	transition:color;
}
/* Checkbox */
.form_checkbox_outer_container
{
	display:block;
	position:relative;
	margin:0 auto 10px auto;

}
.form_checkbox_outer_container.topHighSpace
{
	margin:30px auto 10px auto;

}
.form_checkbox_outer_container input[type=checkbox]
{
	display:none;
}
.form_checkbox_outer_container label
{
	display:flex;
	position:relative;
	flex-wrap:nowrap;
	flex-direction:row;
	justify-content:flex-start;
	align-items:stretch;
	align-content:flex-start;
	box-sizing:border-box;
	border:2px solid #E4EAEF;
	border-radius:4px;
	width:100%;
}
.form_checkbox_outer_container input[type=checkbox]:checked ~ label
{
	border:2px solid #009FE3;
}
.form_checkbox_outer_container label .select_header
{
	flex:0 0 30px;
	display:block;
	position:relative;
	background-color:#E4EAEF;
	cursor:pointer;
}
.form_checkbox_outer_container label .select_header div
{
	display:block;
	position:relative;
	height:22px;
	width:22px;
	box-sizing: border-box;
	margin:4px 4px;
	border:1px solid #E4EAEF;
	background-color:#fff;
}
.form_checkbox_outer_container label:hover .select_header div
{
	border:1px solid #009FE3;
}
.form_checkbox_outer_container input[type=checkbox]:checked ~ label .select_header div
{
	border:1px solid #E4EAEF;
}
.form_checkbox_outer_container label .select_header div img
{
	display:none;
	position:absolute;
	width:20px;
	height:20px;
	top:0px;
	left:0px;
}
.form_checkbox_outer_container input[type=checkbox]:checked ~ label .select_header div img
{
	display:block;
}
.form_checkbox_outer_container label div.select_content_container
{
	flex:1 1 auto;
	display:block;
	position:relative;
	padding:4px 4px;
}
.form_checkbox_outer_container label div.select_content_container .select_content_desc_img
{
	display:block;
	position:relative;
	max-width:80px;
	width:100%;
	margin:5px auto 0 0;
}
/* Checkbox Placeholder */
.form_checkbox_outer_container
{
	display:block;
	position:relative;
	margin:0 auto 10px auto;

}
.form_infoContainer
{
	display:block;
	positon:relative;
	margin:0 0 20px 0;
}
.form_footer_infoline
{
	display:block;
	position:relative;
	margin:30px 0 0 0;
	text-align:center;
}
/*** Formularfelder Ende ***/