/*
	Date:    2019-01-04
	Author:  Stefan Barschat
	Company: Ingenieurbüro Stefan Barschat
*/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?vmkr6t');
  src:  url('fonts/icomoon.eot?vmkr6t#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?vmkr6t') format('truetype'),
    url('fonts/icomoon.woff?vmkr6t') format('woff'),
    url('fonts/icomoon.svg?vmkr6t#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="texticon-"], [class*=" texticon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.texticon-logo_white:before {
  content: "\6c";
  color: #FFF;
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.65);
  margin-right: 8px;
}
.texticon-logo_gray:before {
  content: "\6c";
  color: #4D4D4D;
  text-shadow: 0px 0px 1px rgba(77, 77, 77, 0.65);
  margin-right: 8px;
}

.showWhenMobile {
	display: none;
}
.showWhenPhone {
	display: none;
}

.MonthDatePicker {
    display:none;   
}
.HideTodayButton .ui-datepicker-buttonpane .ui-datepicker-current {
    visibility:hidden;
}
.hide-calendar .ui-datepicker-calendar {
	display:none!important;
	visibility:hidden!important
}

body {
	background-image: url("./images/bg.jpg");
	background-size: 100% auto;
	background-color: #FFF;
	background-attachment: fixed;
	color: #111;
	font-size: 16px; /* Base font size = 14px */
	font-family: Helvatica, Calibri, Arial, sans-serif;
	line-height: 1.35;
	margin: 0;
	padding: 0;
	text-align: left;
}
.body {
	background-image: url("./images/watermark.png");
	background-size: 100% auto;
	background-position: center 117px;
	background-color: #FFF;
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 80%;
	clear: both;
}
.body_white {
	background-image: url("./images/watermark_white.png");
	background-size: 140% auto;
	background-position: center 117px;
	background-color: #FFF;
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 80%;
	clear: both;
}

a {
	outline: 0;
}
a img {
	border: 0px; 
	text-decoration: none;
}
a:link, a:visited {
	color: #1295D8; /* Corporate Identity Blau */
	text-decoration: underline;
}
a:hover, a:active {
	color: #FFB20F; /* Corporate Identity Orange */
	text-decoration: underline;
}

.bg_blau {
	background-color: #1295D8; /* Corporate Identity Blau */
}
.bg_gruen {
	background-color: #FFB20F; /* Corporate Identity Orange */
}
.bg_weis {
	background-color: #FFFFFF;
}
.fg_blau {
	color: #1295D8; /* Corporate Identity Blau */
}
.fg_orange {
	color: #FFB20F; /* Corporate Identity Orange */
}
.fg_lila {
	color: #CF96AF;
}
.fg_weis {
	color: #FFFFFF;
}
.fg_schwarz {
	color: #000000;
}
.fg_gruen {
	color: #99C221; /* PANTONE 382 U (Green) */
}
.fg_rot {
	color: #F05136; /* PANTONE 2028 U (Red) */
}
.link_weis a:link, .link_weis a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.link_weis a:hover, .link_weis a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.link_schwarz a:link, .link_weis a:visited {
	color: #000000;
	text-decoration: none;
}
.link_schwarz a:hover, .link_weis a:active {
	color: #000000;
	text-decoration: none;
}

.font_weight_700 {
	font-weight: 700;
}

.font_underlined {
	text-decoration: underline;
}

.align_left {
	text-align: left;
}
.align_center {
	text-align: center;
}
.align_right {
	text-align: right;
}

.float_none {
	float: none;
}

.clear_both {
	clear: both;
}

.form-container {
	margin: 20px auto;
	padding: 3px 15px 10px 15px;
	width: 80%;
	max-width: 501px;
	background-color: #FFF;
	box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
}
.form-tilgungsplan-container {
	margin: 20px auto;
	padding: 3px 15px 10px 15px;
	width: 80%;
	max-width: 660px;
	background-color: #FFF;
	box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
}
.form-map-container {
	margin: 20px auto;
	padding: 3px 15px 10px 15px;
	width: 80%;
	max-width: 1002px;
	background-color: #FFF;
	box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
}
.form *, .formFix * {
	font-family: Helvatica, Calibri, Arial, sans-serif;
	font-size: 16px;
}
.form:before, .form:after, .formFix:before, .formFix:after {
	content: "";
	display: table;
}
.form:after, .formFix:after {
	clear: both;
}
.form label {
	float: left;
	max-width: 230px;
	width: 44%;
	min-height: 30px;
	/*background-color: #900;*/
	padding-top: 6px;
	margin: 5px 0px 0px 0px;
}
.formFix label {
	float: left;
	text-align: left;
	width: 44%;
	/*min-height: 30px;*/
	padding-top: 6px;
	margin: 5px 0px 0px 0px;
}
.form .field, .formFix .field {
	float: left;
	width: 100%;
	clear: both;
}
.form select {
	color: #111;
	background: #eee;
	background: -webkit-linear-gradient(#fff, #ddd);
	background: -moz-linear-gradient(#fff, #ddd);
	background: -o-linear-gradient(#fff, #ddd);
	background: -ms-linear-gradient(#fff, #ddd);
	background: linear-gradient(#fff, #ddd);
	border: 1px solid #1295D8; /* Corporate Identity Blau */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 30px;
	margin: 5px 0px;
	padding: 0px 1%;
	cursor: pointer;
}
.form select, .formFix select {
	color: #111;
	background: #eee;
	background: -webkit-linear-gradient(#fff, #ddd);
	background: -moz-linear-gradient(#fff, #ddd);
	background: -o-linear-gradient(#fff, #ddd);
	background: -ms-linear-gradient(#fff, #ddd);
	background: linear-gradient(#fff, #ddd);
	border: 1px solid #1295D8; /* Corporate Identity Blau */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*height: 30px;*/
	margin: 5px 0px;
	padding: 0px 1%;
	cursor: pointer;
}
.submit_button {
	color: #111;
	background: #eee;
	background: -webkit-linear-gradient(#fff, #ddd);
	background: -moz-linear-gradient(#fff, #ddd);
	background: -o-linear-gradient(#fff, #ddd);
	background: -ms-linear-gradient(#fff, #ddd);
	background: linear-gradient(#fff, #ddd);
	border: 1px solid #1295D8; /* Corporate Identity Blau */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 30px;
	margin: 5px 3px 5px 0px;
	padding: 2px 3% 3px 3%;
	cursor: pointer;
}
.button_unselected {
	width: 100%;
	color: #111;
	background: #eee;
	background: -webkit-linear-gradient(#fff, #ddd);
	background: -moz-linear-gradient(#fff, #ddd);
	background: -o-linear-gradient(#fff, #ddd);
	background: -ms-linear-gradient(#fff, #ddd);
	background: linear-gradient(#fff, #ddd);
	border: 1px solid #1295D8; /* Corporate Identity Blau */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 5px;
	margin: 0px;
	cursor: pointer;
}
.button_selected {
	width: 100%;
	color: #111;
	background-color: #FFB20F; /* Corporate Identity Orange */
	border: 1px solid #FFB20F; /* Corporate Identity Orange */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 5px;
	margin: 0px;
	cursor: pointer;
}
.form select:hover, .formFix select:hover, .submit_button:hover, .button_unselected:hover {
	background: -webkit-linear-gradient(#fff, #eaeaea);
	background: -moz-linear-gradient(#fff, #eaeaea);
	background: -o-linear-gradient(#fff, #eaeaea);
	background: -ms-linear-gradient(#fff, #eaeaea);
	background: linear-gradient(#fff, #eaeaea);
}
.form select:active, .formFix select:active, .submit_button:active, .button_unselected:active, .form select:active:focus, .formFix select:active:focus, .submit_button:active:focus, .button_unselected:active:focus{
	color: #111;
	background: #eee;
	background: -webkit-linear-gradient(#fff, #ddd);
	background: -moz-linear-gradient(#fff, #ddd);
	background: -o-linear-gradient(#fff, #ddd);
	background: -ms-linear-gradient(#fff, #ddd);
	background: linear-gradient(#fff, #ddd);
	border: 1px solid #AAC731;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* background: #ddd */
}
.form select:focus, .form select:focus, .submit_button:focus, .button_unselected:focus , .button_selected:focus{
	outline: none;
}
.form select {
	/*max-width: 271px;*/
	min-width: 228px;
	width: 55.5%;
}
.formFix select {
	width: 55.5%;
}
.form input[type="text"] {
	/*max-width: 258px;*/
	min-width: 222px;
	width: 53%;
	height: 28px;
	background: #E9F0F3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #1295D8; /* Corporate Identity Blau */
	margin: 5px 0px;
	padding: 0px 1%;
	font-size: 16px;
	color: #3a3a3a;
}
.formFix input[type="text"] {
	width: 53%;
	height: 24px;
	background: #E9F0F3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #1295D8; /* Corporate Identity Blau */
	margin: 5px 0px;
	padding: 0px 1%;
	font-size: 16px;
	color: #3a3a3a;
}
.form input[type="email"] {
	/*max-width: 258px;*/
	min-width: 222px;
	width: 53%;
	height: 28px;
	background: #E9F0F3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #1295D8; /* Corporate Identity Blau */
	margin: 5px 0px;
	padding: 0px 1%;
	font-size: 16px;
	color: #3a3a3a;
}
.form input[type="password"] {
	/*max-width: 258px;*/
	min-width: 222px;
	width: 53%;
	height: 28px;
	background: #E9F0F3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #1295D8; /* Corporate Identity Blau */
	margin: 5px 0px;
	padding: 0px 1%;
	font-size: 16px;
	color: #3a3a3a;
}
.form textarea {
	/*max-width: 249px;*/
	min-width: 222px;
	width: 53%;
	height: 64px;
	min-height: 64px;
	background: #E9F0F3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #1295D8; /* Corporate Identity Blau */
	margin: 5px 0px;
	padding: 8px 1%;
	font-size: 16px;
	color: #3a3a3a;	
}
.form select:focus, .formFix select:focus, .form input:focus, .formFix input:focus, .form textarea:focus, .submit_button:focus, .button_unselected:focus {
	border: 1px solid #AAC731;
}
#euro {
	background: url(./images/euro.png);
	background-repeat: no-repeat;
	background-position: right;
}
#euro_small {
	background: url(./images/euro_small.png);
	background-repeat: no-repeat;
	background-position: right;
}
#prozent {
	background:url(./images/prozent.png);
	background-repeat: no-repeat;
	background-position: right;
}
#prozent_small {
	background:url(./images/prozent_small.png);
	background-repeat: no-repeat;
	background-position: right;
}
.OK {
	color: #FFF;
	background-color: #99C221; /* PANTONE 382 U (Green) */
	margin: 0px 3px 15px 0px;
	padding: 5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.NOK {
	color: #FFF;
	background-color: #F05136; /* PANTONE 2028 U (Red) */
	margin: 0px 3px 15px 0px;
	padding: 5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.DOWNLOAD {
	float: left;
	color: #FFF;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	background: #1295D8; /* Corporate Identity Blau, For browsers that do not support gradients */
    background: -webkit-linear-gradient(#2CA9ED, #0E73A9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2CA9ED, #0E73A9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2CA9ED, #0E73A9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2CA9ED, #0E73A9); /* Standard syntax (must be last) */
	font-size: 20px; /* Base font size = 14px */
	margin: 0px 0px 15px 20px;
	padding: 5px 10px;
	width: 230px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #0D6493;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
}
.DOWNLOAD_WHITE {
	color: #FFF;
	cursor: pointer;
	font-size: 1.2vw;
	margin: 0px 0px 0px 0px;
	padding: 1px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #FFF;
	box-sizing: border-box;
}
.DOWNLOAD_WHITE a:link, .DOWNLOAD_WHITE a:visited {
	color: #FFF;
	text-decoration: none;
}
.DOWNLOAD_WHITE a:hover, .DOWNLOAD_WHITE a:active {
	color: #FFF;
	text-decoration: underline;
}
.BLUEBUTTON_1 {
	float: left;
	color: #FFF;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	background: #1295D8; /* Corporate Identity Blau, For browsers that do not support gradients */
    background: -webkit-linear-gradient(#2CA9ED, #0E73A9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2CA9ED, #0E73A9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2CA9ED, #0E73A9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2CA9ED, #0E73A9); /* Standard syntax (must be last) */
	font-size: 1.1vw;
	margin: 0px 2% 0px 2%;
	padding: 5px 10px;
	width: 96%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #0D6493;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
}
.BLUEBUTTON_2 {
	float: left;
	color: #FFF;
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	background: #1295D8; /* Corporate Identity Blau, For browsers that do not support gradients */
    background: -webkit-linear-gradient(#2CA9ED, #0E73A9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2CA9ED, #0E73A9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2CA9ED, #0E73A9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2CA9ED, #0E73A9); /* Standard syntax (must be last) */
	font-size: 1.1vw;
	margin: 0px 1% 0px 1%;
	padding: 5px 10px;
	width: 48%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #0D6493;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
}
#anrede_ok, #nachname_ok, #email_ok, #telefon_ok, #plz_wohnort_ok, #input_ok {
	color: #000;
}
#anrede_nok, #nachname_nok, #email_nok, #telefon_nok, #plz_wohnort_nok, #input_nok {
	color: #F05136; /* PANTONE 2028 U (Red) */
}
#username_css_ok, #password1_css_ok, #password2_css_ok, #contactcompany_css_ok, #contactemail1_css_ok, #contactemail2_css_ok {
	color: #000;
}
#username_css_nok, #password1_css_nok, #password2_css_nok, #contactcompany_css_nok, #contactemail1_css_nok, #contactemail2_css_nok {
	color: #F05136; /* PANTONE 2028 U (Red) */
}
#kopfzeile {
	background: #DCDEE7;
}
#gerade {
	background: #EEEFF3;
}
#ungerade {
	background: #F2F4F7;
}
#auszahlung {
	color: #0098D9;
	clear: both;
}
#rueckzahlung {
	color: #AAC731;
	clear: both;
}
#tilgunsplan_header {
	color: #000000;
}
#tilgungsplan {
	font-family: "Courier New", Arial;
	color: #000000;
}
#tilgungsplan_auszahlung {
	font-family: "Courier New", Arial;
	color: #0098D9;
}
#tilgungsplan_rueckzahlung {
	font-family: "Courier New", Arial;
	color: #AAC731;
}
#darlehensbetrag_ok, #auszahlungsdatum_ok, #haeufigkeit_ok, #dauer_ok, #sollzinssatz_ok, #tilgung_ok, #rate_ok, #tilgungsbeginn_ok, #st_count_ok, #st_value_ok, #st_date_ok, #st1_value_ok, #st1_date_ok, #st2_value_ok, #st2_date_ok {
	color: #000000;
}
#darlehensbetrag_nok, #auszahlungsdatum_nok, #haeufigkeit_nok, #dauer_nok, #sollzinssatz_nok, #tilgung_nok, #rate_nok, #tilgungsbeginn_nok, #st_count_nok, #st_value_nok, #st_date_nok, #st1_value_nok, #st1_date_nok, #st2_value_nok, #st2_date_nok {
	color: #FF3333;
}
#berechnen {
	width: 270px;
	min-height: 40px;
	height: 40px;	
	text-indent: -9999px;
	border: none;
	background: url(images/berechnen.png);
	margin: 7px 5px 5px 20px;
	cursor: pointer;
}
#berechnen:hover {
	opacity: 0.9;
}
#error {
	color: #CC0000;
}

/* ===========================
   ========== Header ========= 
   =========================== */
.header_balken_weis {
	width: 100%;
	height: 71px;
	position: fixed;
	top: 0px;
	background-color: #FFF;
}
.header_balken_blau {
	width: 100%;
	height: 45px;
	position: fixed;
	top: 71px;
	background-color: #1295D8; /* Corporate Identity Blau */
}
.shadow_top {
	width: 100%;
	height: 10px;
	position: fixed;
	top: 110px;
	z-index: 48;
}
.shadow_top img {
	width: 100%;
	height: 10px;
}
.mainHeader {
	width: 80%;
	position: fixed;
	top: 0px;
	z-index: 50;
}
.mainHeader ul {
	list-style: none; 
	margin: 0 auto;
}
.topLinks {
	background-color: #FFF;
	/*height: 60px;*/
	height: 56px;
}
.topLeftLinks {
	float: left;
	/*margin-top: 21px;*/
	margin-top: 13px;
}
.topLeftLinks li {
	float: left;
}
.topLeftLinks li:last-child {
	margin-left: 74px;
}
.topLeftLinks a:link, .mainHeader a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 16px; /* Base font size = 14px */
	font-family: Calibri, Arial, 'Courier New', sans-serif;
	font-style: regular;
	letter-spacing: 2px;
}
.topRightLinks {
	float: right;
	margin-top: 23px;
	/*margin-top: 14px;*/
	margin-right: 10px;
}
.topRightLinks li {
	float: left;
	padding: 0px 10px;
	border-right: 1px solid #1295D8; /* Corporate Identity Blau */
}
.topRightLinks li:last-child {
	border-right: none;
}
.topRightLinks a:link, .topRightLinks a:visited {
	color: #1295D8; /* Corporate Identity Blau */
	font-size: 14px; /* Base font size = 14px */
	font-family: Calibri, Arial, 'Courier New', sans-serif;
	font-style: regular;
	text-decoration: none;
	letter-spacing: 2px;
}
.topRightLinks a:hover, .topRightLinks a:active {
	color: #FFB20F; /* Corporate Identity Orange */
	font-size: 14px; /* Base font size = 14px */
	font-family: Calibri, Arial, 'Courier New', sans-serif;
	font-style: regular;
	text-decoration: none;
	letter-spacing: 2px;
}
.mainLogo {
	position: absolute;
	width: 177px;
	height: auto;
	top: 5px;
	float: left;
	margin-left: 20px;
}
.menu_open_close {
	position: relative;
	width: 16px;
	height: 16px;
	top: 2px;
}
/*.lang_de img {
	display: inline;
	position: absolute;
	width: 16px;
	height: auto;
	top: 50px;
	right: 57px;
}
.lang_en img {
	display: inline;
	position: absolute;
	width: 16px;
	height: auto;
	top: 50px;
	right: 33px;
}
.lang_it img {
	display: inline;
	position: absolute;
	width: 16px;
	height: auto;
	top: 50px;
	right: 9px;
}*/
.lang_de img {
	float: left;
	width: 16px;
	height: auto;
	margin: -14px 8px 8px 0px;
}
.lang_en img {
	float: left;
	width: 16px;
	height: auto;
	margin: -14px 8px 8px 0px;
}
.lang_it img {
	float: left;
	width: 16px;
	height: auto;
	margin: -14px 8px 8px 0px;
}
.mainHeader nav {
	font-size: 16px;
	height: 45px;
	line-height: 1.2;
	/*margin-left: -29px;*/
	/*background-color: #F90;*/
}	
.mainHeader nav ul {
	width: 100%;
	padding-top: 5px;
	display: table;
	/*background-color: #009;*/
}
.mainHeader nav li {
	box-sizing: border-box;
	float: left;
	display: table-cell;
	height: 36px;
	padding: 0px 2px;
	/*background-color: #900;*/
}
.mainHeader nav a:link, .mainHeader nav a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	margin-top: -5px;
	padding-top: 3px;
	min-height: 42px;
	/*background-color: #099;*/
}
.mainHeader nav a:hover, .mainHeader nav a:active,
.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
	background: #FFB20F; /* Corporate Identity Orange */
	color: #fff;
	text-shadow: none !important;
}
#naviheader {
	display: none;
}
.navHeader {
	text-align: center;
}
.nav1 {
	width: 23%;
	border-right: 1px solid #FFF;
	text-align: center;
	margin-left: -40px;
}
.nav2 {
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
}
.nav3 {
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
}
.nav4 {
	width: 20%;
	border-right: 1px solid #FFF;
	text-align: center;
}
.nav5 {
	width: 19%;
	text-align: center;
}
.menu ul,
.menu ul li,
.menu ul li a {
	padding: 0; /* Reset */
}
.menu ul {
	/*position: absolute;*/
	font-size: 14px;
	display: none;
	opacity: 0;
	background: #1295D8; /* Corporate Identity Blau */
	border: 1px solid #000;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.menu ul li {
	float: none;
	display: none;
	height: 0;
	overflow: hidden;
	padding: 0;
	border-bottom: 1px solid #FFF;
}
.menu ul li:first-child {
	margin-top: -5px;
}
.menu ul li:last-child { border: none; }
.menu ul li a {
	line-height: 23px;
	padding: 5px 15px;
	
	transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-webkit-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;			
}
.menu ul li a:link, .mainHeader ul li a:visited {
	display: block;
	margin-top: 0px;
	min-height: auto;
}
.menu li:hover > ul {
	opacity: 1;
}
.menu li:hover > ul li {
	height: auto;
	overflow: visible;
	display: block;
}

.gruenerBalken {
	background-color: #FFF;
	height: 15px;
}
.gruenerBalken2 {
	background-color: #FFB20F; /* Corporate Identity Orange */
	height: 15px;
	display: none;
}
.blauerBalken {
	background-color: #1295D8; /* Corporate Identity Blau */
	height: 45px;
}

/* ===========================
   ======= Content Area ====== 
   =========================== */
.headerSpacer {
	height: 127px;
}
.headerSpacerNav {
	display: none;
	height: 0px;
}
.body, .body_white {
	background-position: center 117px;
}
h1, h2, h3, h4, h5, h6 {
	/*font-family: Cambria, Arial, Verdana, sans-serif;*/
	font-family: Helvatica, Calibri, Arial, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
}
h2 {
	font-size: 16px;
	margin-left: 0px;
	margin-right: 0px;
}
.datenschutz_h2 {
	font-size: 24px;
	margin-left: 20px;
	margin-right: 20px;
}
.mainContent p {
	font-family: Helvatica, Calibri, Arial, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
}
.mainContent table {
	margin-left: 20px;
	margin-right: 20px;
}
.mainContent ul li {
	color: #111;
	font-size: 16px; /* Base font size = 14px */
	font-family: Helvatica, Calibri, Arial, sans-serif;
	line-height: 1.5;
	list-style-image: url("./images/bullet_blue.png");
	margin-right: 20px;
}
.hook_blue ul li {
	list-style-image: url("./images/hook_blue.png");
}
.disc_blue ul li {
	list-style: none;
	list-style-image: none;
}
.disc_blue ul li:before {
    content: "•"; /* Insert content that looks like bullets */
    padding-right: 0.5vw;
    color: #1295D8; /* Corporate Identity Blau */
}
.list_style_none ul li {
	list-style: none;
	list-style-image: none;
}
.underconstructionImage {
	width: 156px;
	height: auto;
	float: right;
	margin: 20px;
}
.leftMenu {
	width: 20%;
	float: left;
	/*background-color: #CFF;*/
}
.leftMenu ul li {
	line-height: 30px;
	list-style-image: url("./images/arrow_blue.png");
	border-bottom: 1px solid #999;
	/*background-color: #FCC;*/
}
.leftMenu ul li:hover {
	list-style-image: url("./images/arrow_orange.png");
}
.leftMenu ul li:hover > a {
	color: #FFB20F; /* Corporate Identity Orange */
}
.leftMenu ul li a:link, .leftMenu ul li a:visited {
	text-decoration: none;
}
.rightContent {
	width: 80%;
	float: left;
	/*background-color: #FC9;*/
}
.rightContentImage {
	width: 35%;
	height: auto;
	float: right;
	margin: 20px;
	box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
}
/*.rightContentImage {
	box-sizing: border-box;
	width: 96%;
	height: auto;
	margin: 2%;
	padding: 0px;
	box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
}*/
.rightContentImageHaus {
	width: 20%;
	height: auto;
	float: right;
	margin: 20px;
	padding: 10px;
	background-color: #FFF;
	box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
}
.rightContentImageQMhelper {
	width: 20%;
	height: auto;
	float: right;
	margin: 20px;
}
.form table {
	float: left;
	margin: 0px;
	padding: 0px;
}
.form td {
	line-height: 24px;
}
.form-tilgungsplan-container .form tr {
	line-height: auto;
	min-height: 24px;
	margin: 0px;
	padding: 0px;
}
.form-tilgungsplan-container .form td {
	line-height: auto;
	min-height: 24px;
	margin: 0px;
	padding: 0px;
}
.form-tilgungsplan-container .form label {
	line-height: auto;
	min-height: 24px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	max-width: 100%;
}
.stepImage {
	width: 100%;
	height: auto;
	margin: 2px 0px 10px 0px;
}
.mapSmallContainer {
	float: left;
}
.mapSmall {
	position: relative;
	margin-right: 20px;
}
.mapSmall img {
	display: block;
	width: 228px;
	height: auto;
}
.mapSmall span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 228px; 
	color: #fff; 
	text-align: center;
	height: 2.5em;
	line-height: 2.5em;    
	border-top: 1px solid #ababab;  
	background: #404040; /* Fallback IE 6-8 */
	background-color: rgba(40, 40, 40, 0.6);  
}
.maptext {
	margin-left: -20px;
	margin-right: -20px;
}
.gmap_canvas_container {
	overflow:hidden;
	height:60%;
	min-height:600px;
	max-height:800px;
	width:100%;
}
.btn-bar a {
	text-decoration: none;
}
.slider_div {
	width: 100%;
	height: 150px;
	display: block;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	/*background: #F00;*/
}
.quoteContainer p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#slides {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: auto;
	vertical-align: middle;
	/*background: #F90;*/
}
#slides ul li {
	line-height: initial;
	list-style-image: none;
	margin-right: 0px;
}
#slides ul {
	list-style: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	/*background: #FF0;*/
}
#slides li {
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	position: relative;
	font-family: lato, sans-serif;
	/*background: #00F;*/
}
#slider_prev {
	float: left;
	padding: 0px 0px 0px 10px;
}
#slider_next {
	float: right;
	padding: 0px 10px 0px 0px;
}
.quote-marks {
	/*font-style: italic;*/
	color: #1295D8; /* Corporate Identity Blau */
	padding: 0px 8px 0px 8px;
}
.quote-phrase {
	font-size: 20px;
}
.quote-author {
	color: #AAA;
	font-style: italic;
}
.so_funktionierts {
	width: 77%;
	height: auto;
	padding: 0px;
	/*border: 1px solid #000;*/
}
.so_funktionierts_div {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 20px 0px 10px 0px;
	/*background-color: #900;*/
}
.so_funktionierts_rewards {
	position: relative;
	width: 23%;
    bottom: 0%;
    left: 100%;
    transform: translateX(-117%) translateY(-79%);
	/*background-color: #eee;*/
	
	/*this to solve "the content will not be cut when the window is smaller than the content": */
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	
	margin-bottom: -8%;
}
.so_funktionierts_rewards a {
	text-decoration: none;
}
.geschaeftsleitung {
	width: 100%;
	height: auto;
	padding: 0px;
	/*border: 1px solid #000;*/
}
.geschaeftsleitung_div_l {
	float: left;
	width: 31%;
	height: auto;
	display: block;
	padding: 0px;
	margin: 0px 1% 20px 2.5%;
	/*background-color: #900;*/
}
.geschaeftsleitung_div_m {
	float: left;
	width: 31%;
	height: auto;
	display: block;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	/*background-color: #900;*/
}
.geschaeftsleitung_div_r {
	float: left;
	width: 31%;
	height: auto;
	display: block;
	padding: 0px;
	margin: 0px 2.5% 20px 1%;
	/*background-color: #900;*/
}
.subPageNaviBG {
	position: fixed;
	width: 80%;
	height: 2.4vw;
	top: 116px;
	background: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
	z-index: 45;
}
.subPageNavi {
	position: fixed;
	width: 80%;
	height: 2.4vw;
	top: 116px;
	color: #FFF;
	text-align: center;
	vertical-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 46;
}
.subPageNaviInner {
	position: relative;
	display: table;
	width: auto;
	height: 100%;
	text-align: center;
	vertical-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.subPageNaviItem {
	display: table-cell;
	width: auto;
	height: 100%;
	text-align: center;
	vertical-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #900;*/
}
.subPageNaviItem:first-child {
	width: 21vw;
}
.subPageNaviItem p {
	font-size: 0.9vw;
	margin: 0.6vw 1vw 0px 1vw;
	padding: 0px 0px 0px 0px;
}
.subPageNaviItem p a:link, .subPageNaviItem p a:visited {
	color: #FFF;
	text-decoration: none;
}
.subPageNaviItem p a:hover, .subPageNaviItem p a:active {
	color: #FFF;
	text-decoration: underline;
}
.BlueBannerBox {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	vertical-align: center;
	color: #FFF;
	background-color: #1295D8; /* Corporate Identity Blau */
}
.BlueBannerContent {
	display: inline-block;
	width: 96%;
	padding: 0.5vw 0px 0.5vw 0px;
}
.BlueBannerContent p {
	font-size: 1.2vw;
	margin: 0.4vw 0px 0.4vw 0px;
	padding: 0px 0px 0px 0px;
}
.BlueBannerContent a:hover .DOWNLOAD_WHITE, .BlueBannerContent a:active .DOWNLOAD_WHITE {
	color: #FFF;
	text-decoration: underline;
}
.VorteileBox {
	width: 100%;
	height: auto;
	background: #C9C9C9;
	background: -webkit-linear-gradient(right top, #E1E1E1, #B1B1B1);
	background: -moz-linear-gradient(bottom left, #E1E1E1, #B1B1B1);
	background: -o-linear-gradient(bottom left, #E1E1E1, #B1B1B1);
	background: -ms-linear-gradient(bottom left, #E1E1E1, #B1B1B1);
	background: linear-gradient(to bottom left, #E1E1E1, #B1B1B1);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.VorteileBox h2 {
	font-size: 2.0vw;
	font-weight: 500;
	color: #4D4D4D;
	text-align: center;
	padding: 2.5vw 0px 1vw 0px;
	margin: 0px 0px 0px 0px;
}
.VorteileColumnLeft, .VorteileColumnRight {
	float: left;
	width: 42%;
	height: auto;
	margin: 0px 0px 1.5vw 0px;
	padding: 0px 0px 0px 0px;
}
.VorteileColumnRight {
	width: 35%;
	padding: 0px 0px 0px 23%;
}
.VorteileItem {
	display: table;
	width: 100%;
	height: auto;
	/*border: 1px solid #ccc;*/
}
.VorteileItemLeft {
	display: table-cell;
	width: 5vw;
	height: 100px;
}
.VorteileItemRight {
	display: table-cell;
	width: auto;
	height: auto;
	text-align: left;
	vertical-align: top;
}
.VorteileItemLeft img {
	float: right;
	width: 3.5vw;
	height: auto;
	margin: 1.5vw 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.VorteileItemRight h2 {
	font-size: 2.0vw;
	font-weight: 500;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	text-align: left;
	margin: 1.5vw 0.6vw 0px 0.6vw;
	padding: 0px 0px 0px 0px;
}
.VorteileColumnLeft p, .VorteileColumnRight p {
	width: 75%;
	font-size: 1.2vw;
	line-height: 1.1;
	color: #4D4D4D;
	margin: 0.5vw 0.6vw 0.5vw 0.6vw;
	padding: 0px 0px 0px 0px;
}
.VorteileColumnRight p {
	width: 90%;
}
.VorteileItemRight h2.color-PDCA-Plan {
	color: #E65180;
}
.VorteileItemRight h2.color-PDCA-Do {
	color: #17BCE2;
}
.VorteileItemRight h2.color-PDCA-Check {
	color: #B8C914;
}
.VorteileItemRight h2.color-PDCA-Act {
	color: #FCC132;
}
.icon-PDCA {
	position: absolute;
	background: url(images/Icon_PDCA.png);
	background-size: cover;
	width: 22vw;
	height: 22vw;
	margin-top: 15%;
	left: 50%;
    transform: translateX(-50%) translateY(0%);
	z-index: 10;
}
.ImageGalleryBox {
	display: block;
	width: 100%;
	height: auto;
	background: #333;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 1.0vw 0px 2.0vw 0px;
}
.ImageGalleryBox h2 {
	display: inline-block;
	width: 100%;
	font-size: 2.0vw;
	font-weight: 500;
	color: #FFF;
	padding: 2.5vw 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.ImageGalleryBox p {
	display: inline-block;
	width: 100%;
	font-size: 1.0vw;
	font-weight: 300;
	color: #FFF;
	padding: 0.2vw 0px 1.0vw 0px;
	margin: 0px 0px 0px 0px;
}
.ImageGalleryItemDiv {
	display: table;
	width: 100%;
	height: auto;
}
.ImageGalleryItemDivBundle {
	float: left;
	display: table-cell;
	width: 50%;
	height: auto;
	text-align: center;
	vertical-align: top;
}
.ImageGalleryItem {
	float: left;
	display: table-cell;
	width: 50%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 1.5vw 0px 0px 0px;
}
.ImageGalleryItem img {
	width: 96%;
	height: auto;
	margin: 0px 2% 0.5vw 2%;
	padding: 0px 0px 0px 0px;
}
.ImageGalleryItem p {
	width: 90%;
	font-size: 1.0vw;
	font-weight: 300;
	line-height: 1.1;
	color: #FFF;
	margin: 0px 5% 0.5vw 5%;
	padding: 0px 0px 0px 0px;
}
.VerbesserungsBox {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 1.0vw 0px 2.0vw 0px;
	background: #C9C9C9;
	background: -webkit-linear-gradient(right top, #E1E1E1, #B1B1B1);
	background: -moz-linear-gradient(bottom left, #E1E1E1, #B1B1B1);
	background: -o-linear-gradient(bottom left, #E1E1E1, #B1B1B1);
	background: -ms-linear-gradient(bottom left, #E1E1E1, #B1B1B1);
	background: linear-gradient(to bottom left, #E1E1E1, #B1B1B1);
}
.VerbesserungsBoxImage {
	display: inline-block;
	width: 7%;
	height: auto;
	text-align: center;
	padding: 2.5vw 0px 0px 0px;
	margin: 0px 46.5% 0px 46.5%;
}
.VerbesserungsBoxImage img {
	width: 100%;
	height: auto;
}
.VerbesserungsBox h2 {
	display: inline-block;
	width: 100%;
	font-size: 2.0vw;
	font-weight: 500;
	color: #4D4D4D;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.VerbesserungsBox p {
	display: inline-block;
	width: 100%;
	font-size: 1.2vw;
	font-weight: 300;
	color: #4D4D4D;
	padding: 0.4vw 0px 1.0vw 0px;
	margin: 0px 0px 0px 0px;
}
.VerbesserungsBoxButtons {
	display: inline-block;
	width: 20%;
	height: auto;
	text-align: center;
	margin: 0.5vw 40% 1vw 40%;
}
.VerbesserungsBoxButtons a:hover .BLUEBUTTON_1, .VerbesserungsBoxButtons a:active .BLUEBUTTON_1 {
	color: #FFF;
	text-decoration: underline;
}
.HandbuchBox {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 1.0vw 0px 2.0vw 0px;
}
.FAQBox {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 1.0vw 0px 2.0vw 0px;
	background: #FFF;
}
.HandbuchBox h2, .FAQBox h2 {
	font-size: 2.0vw;
	font-weight: 500;
	color: #4D4D4D;
	text-align: center;
	padding: 2.5vw 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.HandbuchBox p, .FAQBox p {
	width: 90%;
	font-size: 1.2vw;
	font-weight: 300;
	line-height: 1.1;
	color: #4D4D4D;
	margin: 0.5vw 5% 0.5vw 5%;
	padding: 0px 0px 0px 0px;
}
.HandbuchItem, .FAQItem {
	display: table;
	width: 70%;
	height: auto;
	margin: 0px 15% 1vw 15%;
	padding: 0px 0px 0.5vw 0px;
	border: 1px solid #ccc;
}
.HandbuchItem {
	background: #FFF;
}
.HandbuchItem p, .FAQItem p {
	width: 90%;
	font-size: 1.0vw;
	font-weight: 300;
	line-height: 1.1;
	color: #4D4D4D;
	margin: 0.5vw 5% 0.5vw 5%;
	padding: 0px 0px 0px 0px;
}
.HandbuchItem p .smalltext, .FAQItem p .smalltext {
	font-size: 0.8vw;
	color: #999;
}
.HandbuchItem ul li, .FAQItem ul li {
	width: 94%;
	font-size: 1.0vw;
	font-weight: 300;
	line-height: 1.1;
	color: #4D4D4D;
	margin: 0.5vw 0.6vw 0.5vw 0.6vw;
	padding: 0px 0px 0px 0px;
}
.FAQBoxButtons {
	display: inline-block;
	width: 54%;
	height: auto;
	text-align: center;
	margin: 0.5vw 23% 0.5vw 23%;
}
.FAQBoxButtons a:hover .BLUEBUTTON_1, .FAQBoxButtons a:active .BLUEBUTTON_1 {
	color: #FFF;
	text-decoration: underline;
}
.wideBox, .wideBoxHigh {
	display: block;
	position: relative;
	width: 100%;
	height: 16vw;
	box-sizing: border-box;
	margin: -11px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 40;
}
.wideBoxHigh {
	height: 28vw;
}
.wideBox:before, .wideBoxHigh:before {
	content: "";
	display: block;
	padding-top: 18%;
}
.wideContent, .wideContentHigh {
	/* Positioning */
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	/* Styling */	
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: center;
	color: #FFF;
}
.wideImage {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-color: #FFF;
	background-repeat: no-repeat;
}
.wideImageHigh {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center bottom;
	background-color: #FFF;
	background-repeat: no-repeat;
}
.wideBeschriftungDiv {
	position: absolute;
	bottom: 0px;
	width: 100%;
	display: block;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}
.wideBeschriftungHighDiv {
	position: absolute;
	bottom: 0px;
	width: 100%;
	display: block;
	background-image: url("./images/wide_image_shadow.png");
	background-size: 100% 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}
.wideBeschriftung, .wideBeschriftungHigh {
	position: relative;
	width: 32vw;
	display: inline-block;
	padding: 0px 0px 1.1vw 0px;
	margin: 0px auto 0px auto;
	/*border: 1px solid #900;*/
}
.wideBeschriftung h2, .wideBeschriftungHigh h2 {
	font-size: 1.8vw;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.65);
}
.wideBeschriftung p, .wideBeschriftungHigh p {
	font-size: 1.1vw;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	margin-top: -10px;
}
.wideBeschriftung a:hover .BLUEBUTTON_2, .wideBeschriftung a:active .BLUEBUTTON_2 {
	color: #FFF;
	text-decoration: underline;
}
.rightContent a:hover .DOWNLOAD, .rightContent a:active .DOWNLOAD {
	color: #FFF;
	text-decoration: underline;
}
.box {
	display: block;
	position: relative;
	width: 32.33%;
	box-sizing: border-box;
	margin: 10px 0.5% 10px 0.5%;
	padding: 10px;
	float: left;
	box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
}
.box:before {
	content: "";
	display: block;
	padding-top: 56.25% /* initial ratio of 16:9*/
}
.content {
	/* Positioning */
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	/* Styling */	
	padding: 0px;
	text-align: center;
	vertical-align: center;
	/*text-transform: uppercase;*/
	color: #999;
}
.kachelImage {
	width: 100%;
	height: 100%;
	background-size: 100% auto;
	background-position: center top;
	background-color: #333;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
}
.kachelBeschriftung {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%; 
	color: #111; 
	text-align: left;
	padding: 0px;
	height: auto;
	/*line-height: 2.5em;*/
	border-top: 1px solid #1295D8; /* Corporate Identity Blau */
	background: #fff; /* Fallback IE 6-8 */
	background-color: rgba(255, 255, 255, 0.9);  
}
.kachelBeschriftung h2 {
	text-align: center;
	margin: 3px 0px;
	padding: 0px 10px;
}
.kachelBeschriftung p {
	margin: 3px 0px 5px 0px;
	padding: 0px 10px;
	font-size: 12px;
}
.kachelContent {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color: #111; 
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	/*line-height: 2.5em;*/
}
.kachelContentInnerTop {
	position: absolute;
	width: 100%;
    top: 0px;
    left: 50%;
    transform: translateX(-50%) translateY(0%);
	
	/*this to solve "the content will not be cut when the window is smaller than the content": */
	max-width: 100%;
	max-height: 100%;
	overflow: auto;
}
.kachelContentInnerMiddle {
	position: absolute;
	width: 96%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	
	/*this to solve "the content will not be cut when the window is smaller than the content": */
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
}
.kachelContentInnerBottom {
	position: absolute;
	font-size: 12px;
	text-align: left;
	width: 100%;
    bottom: 0px;
    left: 0px;
    transform: translateX(0%) translateY(0%);
	
	/*this to solve "the content will not be cut when the window is smaller than the content": */
	max-width: 100%;
	max-height: 100%;
	overflow: auto;
}
.kachelContent h2 {
	margin: 3px 0px;
	padding: 0px 10px;
}
.kachelContent p {
	margin: 3px 0px;
	padding: 0px 10px;
}
.kachelContent img {
	/*height: 50%;*/
	height: auto;
	max-height: 150px;
	width: auto;
}
.kachelContent table {
	width: 100%;
	margin: 0px;
}
.kachel_bold_text {
	font-size: 20px;
}
.rechnerBox, .zinsenBox {
	display: table;
	width: 70%;
	height: auto;
	margin-left: 20px;
	text-align: center;
	vertical-align: middle;
	background-image: url("./images/watermark.png");
	background-size: 50% auto;
	background-position: left top;
	background-color: #FFF;
	background-repeat: no-repeat;
	box-sizing: border-box;
	border: 1px solid #1295D8; /* Corporate Identity Blau */
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-moz-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
	-webkit-box-shadow: 0px 0px 4px 1px rgba(119, 119, 119, 0.5);
}
.zinsenBox {
	width: 410px;
	background-image: none;
}
.rechnerContent, .zinsenContent {
	display: table-row;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.rechnerTitel, .zinsenTitel {
	display: table-cell;
	width: 50%;
	height: 100%;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	color: #1295D8; /* Corporate Identity Blau */
	box-sizing: border-box;
}
.zinsenTitel {
	width: 80px;
	padding-left: 20px;
}
.rechnerSeparatorDiv {
	display: none;
}
.rechnerSeparator {
	display: table-cell;
	width: 100%;
	height: 2px;
	box-sizing: border-box;
	border-bottom: 1px dashed #1295D8; /* Corporate Identity Blau */
}
.rechnerBeschriftung, .zinsenBeschriftung {
	display: table-cell;
	width: 50%;
	height: 100%;
	color: #111;
	box-sizing: border-box;
	border-left: 1px dashed #1295D8; /* Corporate Identity Blau */
}
.zinsenBeschriftung {
	width: 100%;
	font-size: 20px;
	color: #1295D8; /* Corporate Identity Blau */
	border-left: none;
}
.imageBox {
	display: table;
	width: 100%;
	height: auto;
	text-align: center;
	vertical-align: middle;
}
.imageContent {
	display: table-row;
	width: auto;
	height: auto;
	text-align: center;
	vertical-align: middle;
}
.image {
	display: table-cell;
	width: auto;
	height: auto;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
}
.image img {
	max-width: 90%;
	height: auto;
	margin: 0px 20px -5px 20px;
}
.image span {
	font-size: 14px;
	color: #1295D8; /* Corporate Identity Blau */
	margin: 0px 20px 0px 20px;
}
.zins-schnell-check p {
	margin: 15px 0px 15px 0px;
}
.zins-schnell-check table{
	width: 100%;
	margin: 0px 0px 5px 0px;
}
.zins-schnell-check table th {
	text-align: center;
	line-height: auto;
}
.zins-schnell-check table td {
	text-align: center;
	line-height: auto;
}
.zinskonditionen_center {
	width: 100%;
	text-align: center;
}
.zinskonditionen {
	display: table;
	width: auto;
	margin: 0 auto;
	text-align: center;
}
.zinskonditionen th, .zinskonditionen td {
	padding-left: 5px;
	padding-right: 5px;
}
.datagrid table { 
	border-collapse: collapse;
	border-spacing: 0px;
	text-align: left;
	width: 100%;
	margin: 0px;
} 
.datagrid {
	background: #1295D8;
	overflow: hidden;
	border: 2px solid #1295D8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.datagrid table td, .datagrid table th {
	padding: 2px 6px;
}
.datagrid_padding_increased table td, .datagrid_padding_increased table th {
	padding: 6px 10px;
}
.datagrid table thead th {
	background-color: #1295D8;
	color: #FFF;
	font-weight: bold;
}
.datagrid table tbody td {
	color: #1295D8;
	border-bottom: 1px solid #1295D8;
	font-weight: normal;
}
.datagrid table tbody .alt1 td {
	background: #FFF;
}
.datagrid table tbody .alt2 td {
	background: #E1EEF4;
}
.datagrid table tbody tr:last-child td {
	border-bottom: none;
}
.partners {
	float: left;
	/*border: 1px solid #666;*/
}
.partners ul li {
	list-style-image: none;
	list-style: none;
}
.partners p {
	margin: 8px 5px 30px 0px;
}
.partner_logo {
	height: auto;
	max-height: 128px;
	width: auto;
	max-width: 250px;
	margin: 8px 15px 30px 0px;
}
.rewards {
	float: left;
	width: auto;
}
.rewards ul {
	list-style-type: none;
	list-style-image: none;
	list-style: none;
}
.rewards ul li {
	float: left;
	list-style-type: none;
	list-style-image: none;
	list-style: none;
}
.rewards p {
	margin: 8px 5px 20px 0px;
}
.rewards img {
	height: auto;
	max-height: 150px;
	width: auto;
	max-width: 250px;
	margin: 8px 15px 20px 0px;
}
.auflistung {
	margin-left: 20px;
}
.auflistung span {
	font-size: 18px;
	margin-left: 0px;
}
.auflistung a {
	font-size: 18px;
	margin-left: -20px;
}
.auflistung2 {
	width: 70%;
	margin-left: 20px;
}
.auflistung2 a {
	font-size: 13px;
	color: #666;
	text-decoration: none;
}
.auflistung2_item {
	margin: 0px 20px 20px 20px;
	border-bottom: 1px dashed #bbb;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}
.auflistung2_item header {
	color: #1295D8; /* Corporate Identity Blau */
	font-size: 20px;
	padding: 0px;
	margin: 10px 0px -15px 0px;
}
.auflistung2_item span {
	color: #1295D8; /* Corporate Identity Blau */
	white-space: nowrap;
}
.auflistung2 a:hover header {
	color: #FFB20F; /* Corporate Identity Orange */
}
.auflistung2 a:hover span {
	color: #FFB20F; /* Corporate Identity Orange */
}
#accordion {
	margin-left: 20px;
	margin-right: 20px;
}
.letter {
	float: left;
	background-image: url("./images/letter_bg.png");
	background-size: 198px 52px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 198px;
	height: 46px;
	margin: 5px 10px 0px -4px;
	padding-top: 16px;
	text-align: center;
	vertical-align: middle;
}
.letter:hover, .letter:focus, .letter:active {
	background-image: url("./images/letter_bga.png");
}
.lexikon_letter {
	float: left;
	background-image: url("./images/lexikon_letter_bg.png");
	background-size: 54px 52px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 54px;
	height: 46px;
	margin: 15px 10px 15px 20px;
	padding-top: 4px;
	text-align: center;
	vertical-align: middle;
}
.lexikon_letter:hover, .lexikon_letter:focus, .lexikon_letter:active {
	background-image: url("./images/lexikon_letter_bga.png");
}
.lexikon_letter_disabled {
	float: left;
	background-image: url("./images/lexikon_letter_bgd.png");
	background-size: 54px 52px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 54px;
	height: 46px;
	margin: 15px 10px 15px 20px;
	padding-top: 4px;
	text-align: center;
	vertical-align: middle;
	font-size: 28px;
	color: #999;
}
.letter a, .lexikon_letter a {
	font-size: 28px;
	text-decoration: none;
}
@-webkit-keyframes letter_pop {
	50% {
		transform: scale(1.25);
		-webkit-transform: scale(1.25);
	}
}
@keyframes letter_pop {
	50% {
		transform: scale(1.25);
		-webkit-transform: scale(1.25);
	}
}
.letter_disabled {
	display: inline-block;
	font-size: 28px;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.letter_pop {
	display: inline-block;
	font-size: 28px;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.letter_pop:hover, .letter_pop:focus, .letter_pop:active {
	animation-name: letter_pop;
	-webkit-animation-name: letter_pop;
	animation-duration: 0.35s;
	-webkit-animation-duration: 0.35s;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
}
@-webkit-keyframes rechner_pop {
	50% {
		transform: scale(1.10) translateX(2%);
		-webkit-transform: scale(1.10) translateX(2%);
	}
}
@keyframes rechner_pop {
	50% {
		transform: scale(1.10) translateX(2%);
		-webkit-transform: scale(1.10) translateX(2%);
	}
}
.rechner_pop {
	display: block;
	-moz-osx-font-smoothing: grayscale;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.rechner_pop a {
	text-decoration: none;
}
.rechner_pop:hover, .rechner_pop:focus, .rechner_pop:active {
	animation-name: rechner_pop;
	-webkit-animation-name: rechner_pop;
	animation-duration: 0.35s;
	-webkit-animation-duration: 0.35s;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
}
.rechner_pop:hover .rechnerBox {
	border: 1px solid #FFB20F; /* Corporate Identity Orange */
}
.rechner_pop:hover .rechnerTitel {
	color: #FFB20F; /* Corporate Identity Orange */
}
.rechner_pop:hover .rechnerSeparator {
	border-bottom: 1px dashed #FFB20F; /* Corporate Identity Orange */
}
.rechner_pop:hover .rechnerBeschriftung {
	border-left: 1px dashed #FFB20F; /* Corporate Identity Orange */
}
.rechner_pop:hover .zinsenBox {
	border: 1px solid #FFB20F; /* Corporate Identity Orange */
}
.rechner_pop:hover .zinsenBeschriftung {
	color: #FFB20F; /* Corporate Identity Orange */
}
.DOWNLOAD a, .BLUEBUTTON_1 a, .BLUEBUTTON_2 a {
	color: #FFF;
	text-decoration: none;
}
.DOWNLOAD a:hover, .BLUEBUTTON_1 a:hover, .BLUEBUTTON_2 a:hover {
	text-decoration: underline;
}
.impressum {
	float: right;
	color: #666;
	font-size: 12px;
	margin: 20px 20px -10px 20px;
	clear: both;
}
.impressum a {
	text-decoration: none;
}
.footerSpacer {
	height: 40px;
}

/* ===========================
   ========= Footer ========== 
   =========================== */
.footer_balken_gruen {
	width: 100%;
	height: 30px;
	position: fixed;
	bottom: 0px;
	background-color: #FFB20F; /* Corporate Identity Orange */
}
.shadow_bottom {
	width: 100%;
	height: 10px;
	position: fixed;
	bottom: 36px;
	z-index: 42;
}
.shadow_bottom img {
	width: 100%;
	height: 10px;
}
.mainFooter {
	width: 80%;
	height: 30px;
	position: fixed;
	bottom: 0px;
	background-color: #FFB20F; /* Corporate Identity Orange */
	color: #FFF;
	font-size: 16px;
	z-index: 44;
}
.bottomLinks ul {
	list-style: none;
	margin: 4px auto;
}
.bottomLinks ul li {
	float: left; 
	display: inline;
	margin-right: 7px;
}
.bottomLeftLinks {
	float: left;
	margin-left: -30px;
}
.bottomRightLinks {
	float: right;
}	
.bottomRightLinks ul li {
	padding-left: 7px;
}
.bottomLinks a:link, .bottomLinks a:visited {
	color: #FFF;
	display: inline-block;
	text-decoration: none;
}
.bottomLinks a:hover, .bottomLinks a:active,
.bottomLinks .active a:link, .bottomLinks .active a:visited {
	color: #FFF;
	text-shadow: none !important;
}

/* XXX */
.sizeBigScreen, .sizeSmallScreen, .sizeTablet, .sizePhoneLandscape, .sizePhone , .sizeWatch{
	display: none;
}
.sizeBigScreen {
	display: inline;
	position: absolute;
	width: auto;
	height: auto;
	top: 2px;
	right: 2px;
	color: #FFF;
	background-color: #FFB20F;
	font-size: 18px;
}

/* ===========================
   ====== Media - Sizes ====== 
   =========================== */
/* Small desktop */
@media (max-width: 1247px) {
	.body, .body_white, .mainHeader, .subPageNaviBG, .subPageNavi {
		width: 90%;
	}
	.subPageNaviItem:first-child {
		width: 21vw;
	}
	.subPageNaviItem p {
		font-size: 1.2vw;
		margin: 0.4vw 1vw 0px 1vw;
	}
	.BlueBannerContent p, .DOWNLOAD_WHITE {
		font-size: 1.2vw;
	}
	.ImageGalleryBox p, .VerbesserungsBox p, .HandbuchBox p, .HandbuchItem p, .HandbuchItem ul li , .FAQBox p, .FAQItem p, .FAQItem ul li {
		font-size: 1.2vw;
	}
	.ImageGalleryItem p {
		font-size: 1.2vw;
		margin: 0px 5% 0.4vw 5%;
	}
	.HandbuchItem p .smalltext, .FAQItem p .smalltext {
		font-size: 1.0vw;
	}
	.wideBox {
		height: 18vw;
	}
	.wideBoxHigh {
		height: 31vw;
	}
	.wideBeschriftung, .wideBeschriftungHigh {
		width: 36vw;
	}
	.wideBeschriftung h2, .wideBeschriftungHigh h2 {
		font-size: 2.0vw;
	}
	.wideBeschriftung p, .wideBeschriftungHigh p {
		font-size: 1.2vw;
	}
	.BLUEBUTTON_1, .BLUEBUTTON_2 {
		font-size: 1.3vw;
	}
	.VorteileColumnLeft {
		width: 45%;
	}
	.VorteileColumnRight {
		width: 37%;
		padding: 0px 0px 0px 18%;
	}
	.box {
		width: 48%;
		margin: 10px 1% 10px 1%;
	}
	.rechnerBox {
		width: 90%;
	}	
	.mainFooter {
		width: 90%;
	}
	/* XXX */
	.sizeBigScreen, .sizeSmallScreen, .sizeTablet, .sizePhoneLandscape, .sizePhone, .sizeWatch {
		display: none;
	}
	.sizeSmallScreen {
		display: inline;
		position: absolute;
		width: auto;
		height: auto;
		top: 2px;
		right: 2px;
		color: #FFF;
		background-color: #990000;
		font-size: 18px;
	}
}
/* Tablet */
@media (max-width: 991px), 
	   (min-resolution: 254dpi) {
	.body, .body_white, .mainHeader, .subPageNaviBG, .subPageNavi {
		width: 96%;
	}
	.subPageNaviBG, .subPageNavi {
		height: 3.4vw;
	}
	.subPageNaviItem:first-child {
		width: 20vw;
	}
	.subPageNaviItem p {
		font-size: 1.4vw;
		margin: 0.8vw 1vw 0px 1vw;
	}
	.topRightLinks {
		margin-right: 0px;
	}
	.topRightLinks li {
		padding: 0px 5px 1px 5px;
	}
	.topRightLinks a:link, .topRightLinks a:visited {
		font-size: 12px; /* Base font size = 14px */
	}
	.mainLogo {
		margin-left: 5px;
	}
	.gmap_canvas_container {
		min-height:400px;
		max-height:600px;
	}
	.gmap_canvas {
		min-height:400px;
		max-height:600px;
	}
	.slider_div {
		margin: 0px;
	}
	.so_funktionierts {
		width: 98%;
		padding: 1%;
	}
	.so_funktionierts_div {
		margin: 0px;
	}
	.so_funktionierts_rewards {
		width: 18%;
		transform: translateX(-115%) translateY(-120%);
		margin-bottom: -8%;
	}
	.BlueBannerContent {
		padding: 1vw 0px 1vw 0px;
	}
	.BlueBannerContent p, .DOWNLOAD_WHITE {
		font-size: 1.4vw;
		margin: 0.5vw 0px 0.5vw 0px;
	}
	.ImageGalleryBox h2, .VerbesserungsBox h2, .HandbuchBox h2, .FAQBox h2 {
		font-size: 2.2vw;
	}
	.ImageGalleryBox p, .VerbesserungsBox p, .HandbuchBox p, .HandbuchItem p, .HandbuchItem ul li, .FAQBox p, .FAQItem p, .FAQItem ul li {
		font-size: 1.4vw;
	}
	.ImageGalleryItem p {
		font-size: 1.4vw;
		margin: 0px 5% 0.3vw 5%;
	}
	.HandbuchItem, .FAQItem {
		width: 80%;
		margin: 0px 10% 1vw 10%;
		padding: 0.5vw 0px 0.5vw 0px;
	}
	.HandbuchItem p .smalltext, .FAQItem p .smalltext {
		font-size: 1.25vw;
	}
	.wideBox {
		height: 19vw;
	}
	.wideBoxHigh {
		height: 32vw;
	}
	.wideBeschriftung, .wideBeschriftungHigh {
		width: 42vw;
	}
	.wideBeschriftung h2, .wideBeschriftungHigh h2 {
		font-size: 2.2vw;
	}
	.wideBeschriftung p, .wideBeschriftungHigh p {
		font-size: 1.4vw;
	}
	.BLUEBUTTON_1, .BLUEBUTTON_2 {
		font-size: 1.5vw;
	}
	.VorteileBox h2, .VorteileItemRight h2 {
		font-size: 2.2vw;
	}
	.VorteileColumnLeft p, .VorteileColumnRight p {
		font-size: 1.4vw;
	}
	.icon-PDCA {
		margin-top: 16.5vw;
	}
	.auflistung2 {
		width: 85%;
	}
	.rechnerBox {
		width: 94%;
	}
	.rechnerTitel {
		width: 40%;
	}
	.rechnerBeschriftung {
		width: 60%;
	}
	.mainFooter {
		width: 96%;
	}
	/* XXX */
	.sizeBigScreen, .sizeSmallScreen, .sizeTablet, .sizePhoneLandscape, .sizePhone, .sizeWatch {
		display: none;
	}
	.sizeTablet {
		display: inline;
		position: absolute;
		width: auto;
		height: auto;
		top: 2px;
		right: 2px;
		color: #FFF;
		background-color: #660066;
		font-size: 16px;
	}
}
/* Phone landscape */
@media (max-width: 767px), 
	   (min-resolution: 306dpi) and (min-device-pixel-ratio: 165/100),
	   (min-resolution: 306dpi) and (-webkit-min-device-pixel-ratio: 1.65),
	   (min-resolution: 306dpi) and (-o-min-device-pixel-ratio: 165/100),
	   handheld and (orientation: landscape) {
	.body, .body_white {
		width: 100%;
	}
	.subPageNaviBG, .subPageNavi {
		display: none;
	}
	.header_balken_weis {
		height: 60px;
	}
	.header_balken_blau {
		display: none;
		height: 0px;
		top: 0px;
	}
	.blauerBalken {
		height: 0px;
	}
	.mainHeader {
		width: 100%;
	}
	.topRightLinks li {
		float: none;
		border-right: none;
	}
	.topRightLinks li:nth-child(1) {
		position: fixed;
		top: 6px;
		right: 20px;
	}
	.topRightLinks li:nth-child(2) {
		position: fixed;
		top: 29px;
		right: 20px;
	}
	/*.topRightLinks a:link, .topRightLinks a:visited {
		color: #FFF;
	}*/
	.mainLogo {
		width: 154px;
	}
	.mainHeader nav {
		font-size: 18px;
		height: 0px;
		margin-left: -40px;
		background-color: #1295D8; /* Corporate Identity Blau */
	}	
	.mainHeader nav ul {
		display: block;
		padding-top: 0px;
	}
	#naviheader ul {
		padding-top: 0px;
		margin-top: -11px;
	}
	.mainHeader nav li {
		display: block;
		float: left;
		width: 100%;
		height: 31px;
		background-color: #1295D8; /* Corporate Identity Blau */
	}
	.mainHeader nav a:link, .mainHeader nav a:visited {
		background: #1295D8; /* Corporate Identity Blau */
		color: #FFF;
		display: block;
		text-decoration: none;
		margin-top: 0px;
		padding-top: 3px;
		min-height: 30px;
	}
	.mainHeader nav a:hover, .mainHeader nav a:active,
	.mainHeader nav .active a:link, .mainHeader nav .active a:visited {
		background: #FFB20F; /* Corporate Identity Orange */
		color: #FFF;
		text-shadow: none !important;
	}
	#naviheader {
		display: block;
	}
	.navHeader, .nav1, .nav2, .nav3, .nav4, .nav5 {
		border-right: none;
		border-top: 1px solid #FFF;
		margin-left: -20px;
	}
	#navi {
		display: none;
	}
	.menu ul {
		display: none;
		height: 0px;
		width: 0px;
		overflow: hidden;
		margin-left: -10000px;
	}
	.menu ul li {
		display: none;
		height: 0px;
		width: 0px;
		overflow: hidden;
		margin-left: -10000px;
	}
	.hideWhenMobile {
		display: none;
	}
	.showWhenMobile {
		display: block;
	}
	.shadow_top {
		top: 88px;
	}
	.headerSpacer {
		height: 105px;
	}
	.headerSpacerNav {
		height: 158px;
	}
	.body, .body_white {
		background-position: center 95px;
	}
	h1 {
		font-size: 18px;
	}
	.content h2 {
		font-size: 13px;
	}
	#slides {
		height: 130px;
	}
	.quote-phrase {
		font-size: 18px;
	}
	.quote-author {
		font-size: 13px;
	}
	.formFix * {
		font-size: 14px;
	}
	.BlueBannerContent p, .DOWNLOAD_WHITE {
		font-size: 2.1vw;
	}
	.ImageGalleryBox, .VerbesserungsBox {
		padding: 1.0vw 0px 0px 0px;
	}
	.ImageGalleryBox h2, .VerbesserungsBox h2, .HandbuchBox h2, .FAQBox h2 {
		font-size: 2.8vw;
		padding: 2.5vw 0px 1vw 0px;
	}
	.ImageGalleryBox p, .VerbesserungsBox p, .HandbuchBox p, .HandbuchItem p, .HandbuchItem ul li, .FAQBox p, .FAQItem p, .FAQItem ul li {
		font-size: 2.1vw;
		padding: 0.2vw 0px 1.5vw 0px;
	}
	.ImageGalleryItemDivBundle {
		width: 100%;
	}
	.ImageGalleryItem {
		margin: 0px 0px 2vw 0px;
	}
	.ImageGalleryItem img {
		width: 92%;
		margin: 0px 4% 0.5vw 4%;
	}
	.ImageGalleryItem p {
		font-size: 2.1vw;
		margin: 0px 0px 0.3vw 0px;
	}
	.VerbesserungsBoxButtons {
		width: 30%;
		margin: 0.5vw 35% 3vw 35%;
	}
	.HandbuchItem, .FAQItem {
		width: 80%;
		margin: 0px 10% 2.5vw 10%;
		padding: 1.5vw 0px 0.5vw 0px;
	}
	.HandbuchItem p, .FAQItem p {
		margin: 0px 5% 0px 5%;
	}
	.HandbuchItem p .smalltext, .FAQItem p .smalltext {
		font-size: 1.8vw;
	}
	.HandbuchItem ul, .FAQItem ul {
		margin: 0px 3vw 0px 3vw;
		padding: 0px 0px 0px 0px;
	}
	.HandbuchItem ul li, .FAQItem ul li {
		line-height: 1.0;
		margin: 0px 0.6vw 0px 0.6vw;
	}
	.FAQBoxButtons {
		width: 70%;
		margin: 1.5vw 15% 0.5vw 15%;
	}
	.wideBox {
		height: 25vw;
	}
	.wideBoxHigh {
		height: 40vw;
	}
	.wideBeschriftung, .wideBeschriftungHigh {
		width: 60vw;
	}
	.wideBeschriftung h2, .wideBeschriftungHigh h2 {
		font-size: 2.8vw;
	}
	.wideBeschriftung p, .wideBeschriftungHigh p {
		font-size: 2.1vw;
	}
	.BLUEBUTTON_1, .BLUEBUTTON_2 {
		font-size: 2.3vw;
	}
	.VorteileBox h2, .VorteileItemRight h2 {
		font-size: 2.8vw;
	}
	.VorteileItemLeft {
		width: 10vw;
		height: 9vw;
	}
	.VorteileItemLeft img {
		width: 7.0vw;
		margin: 1.5vw 0.5vw 0px 0px;
	}
	.VorteileColumnLeft, .VorteileColumnRight {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.VorteileColumnLeft p, .VorteileColumnRight p {
		font-size: 2.1vw;
		width: 96%;
	}
	.icon-PDCA {
		display: none;
	}
	.kachelContent {
		font-size: 12px;
		line-height: 1.15;
	}
	.kachelBeschriftung p {
		font-size: 12px;
		line-height: 1.3;
	}
	.kachel_bold_text {
		font-size: 14px;
	}
	.leftMenu {
		width: 100%;
	}
	.rightContent {
		width: 100%;
	}
	.rightContentImage {
		display: none;
	}
	.rightContentImageQMhelper {
		display: none;
	}
	.mainFooter {
		width: 100%;
	}
	.bottomLeftLinks { /* "Nestbau GmbH - Mein Finanzierungsberater" ausblenden */
		display: none;
	}
	.bottomRightLinks {
		float: left;
		margin-left: -30px;
	}
	/* XXX */
	.sizeBigScreen, .sizeSmallScreen, .sizeTablet, .sizePhoneLandscape, .sizePhone, .sizeWatch {
		display: none;
	}
	.sizePhoneLandscape {
		display: inline;
		position: absolute;
		width: auto;
		height: auto;
		top: 2px;
		right: 2px;
		color: #FFF;
		background-color: #000099;
		font-size: 16px;
	}
}
/* Phone */
@media (max-width: 479px), 
	   (min-resolution: 306dpi) and (min-device-pixel-ratio: 165/100) and (orientation: portrait),
	   (min-resolution: 306dpi) and (-webkit-min-device-pixel-ratio: 1.65) and (orientation: portrait),
	   (min-resolution: 306dpi) and (-o-min-device-pixel-ratio: 165/100) and (orientation: portrait),
	   handheld and (orientation: portrait) {
	/*.lang_de img {
		right: 9px;
		top: 4px;
	}
	.lang_en img {
		right: 9px;
		top: 27px;
	}
	.lang_it img {
		right: 9px;
		top: 50px;
	}*/
	.hideWhenPhone {
		display: none;
	}
	.showWhenPhone {
		display: block;
	}
	#slides {
		height: 160px;
	}
	.quote-phrase {
		font-size: 16px;
	}
	.quote-author {
		font-size: 11px;
	}
	.form label {
		width: 100%;
	}
	.BlueBannerContent p, .DOWNLOAD_WHITE {
		font-size: 3.2vw;
	}
	.ImageGalleryBox h2, .VerbesserungsBox h2, .HandbuchBox h2, .FAQBox h2 {
		font-size: 3.8vw;
		padding: 2.5vw 0px 1vw 0px;
	}
	.ImageGalleryBox p, .VerbesserungsBox p, .HandbuchBox p, .HandbuchItem p, .HandbuchItem ul li, .FAQBox p, .FAQItem p, .FAQItem ul li {
		width: 92%;
		font-size: 3.2vw;
	}
	.ImageGalleryItem {
		width: 100%;
		margin: 0px 0px 3vw 0px;
	}
	.ImageGalleryItem p {
		font-size: 3.2vw;
	}
	.HandbuchItem p .smalltext, .FAQItem p .smalltext {
		font-size: 2.5vw;
	}
	.wideBox, .wideBoxHigh {
		height: 54vw;
	}
	.wideBeschriftung, .wideBeschriftungHigh {
		width: 75vw;
		padding: 0px 0px 0.6vw 0px;
	}
	.wideBeschriftung h2, .wideBeschriftungHigh h2 {
		font-size: 3.8vw;
	}
	.wideBeschriftung p, .wideBeschriftungHigh p {
		font-size: 3.2vw;
	}
	.BLUEBUTTON_1, .BLUEBUTTON_2 {
		font-size: 3.6vw;
		margin: 0px 2% 2vw 2%;
		width: 96%;
	}
	.VorteileBox h2, .VorteileItemRight h2 {
		font-size: 3.8vw;
	}
	.VorteileColumnLeft p, .VorteileColumnRight p {
		font-size: 3.2vw;
		margin: 1.2vw 0.6vw 0.75vw 0.6vw;
	}
	.VerbesserungsBoxImage {
		width: 14%;
		padding: 3.5vw 0px 0px 0px;
		margin: 0px 43% 0px 43%;
	}
	.VerbesserungsBoxButtons {
		width: 50%;
		margin: 2.5vw 25% 3vw 25%;
	}
	.box {
		width: 96%;
		margin: 10px 2% 10px 2%;
	}
	.kachelContent {
		font-size: 14px;
		line-height: 1.25;
	}
	.gmap_canvas_container {
		min-height:300px;
		max-height:500px;
	}		
	.gmap_canvas {
		min-height:300px;
		max-height:500px;
	}
	.form-tilgungsplan-container .form label {
		font-size: 10px;
	}
	.rechnerBox, .zinsenBox {
		width: 90%;
	}
	.rechnerContent {
		display: block;
	}
	.rechnerTitel {
		display: table-row;
		width: 100%;
		border-bottom: 10px dashed #1295D8; /* Corporate Identity Blau */
	}
	.rechnerSeparatorDiv {
		display: table-row;
		width: 100%;
	}
	.rechnerBeschriftung {
		display: table-row;
		width: 100%;
		border-left: none;
	}
	.image span {
		font-size: 12px;
	}
	.underconstructionImage {
		width: 96px;
	}
	.maennchen {
		display: none;
	}
	/* XXX */
	.sizeBigScreen, .sizeSmallScreen, .sizeTablet, .sizePhoneLandscape, .sizePhone, .sizeWatch {
		display: none;
	}
	.sizePhone {
		display: inline;
		position: absolute;
		width: auto;
		height: auto;
		top: 2px;
		right: 2px;
		color: #FFF;
		background-color: #FFB20F;
		font-size: 16px;
	}
}
/* Watch */
@media (max-width: 319px) {
	/* XXX */
	.sizeBigScreen, .sizeSmallScreen, .sizeTablet, .sizePhoneLandscape, .sizePhone, .sizeWatch {
		display: none;
	}
	.sizeWatch {
		display: inline;
		position: absolute;
		width: auto;
		height: auto;
		top: 2px;
		right: 2px;
		color: #FFF;
		background-color: #666666;
		font-size: 16px;
	}
}