/*-------------------------------------------*/
/*---------- Bürger-Kreditberatung ----------*/
/*-------------------------------------------*/

/** FONTS LOKAL **/
/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/raleway-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/*------------ CSS-BASIC -------------*/
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html {height: 100%; width: 100%; margin:0; padding:0; font-size: 100%; -webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%; }
body {background: #fff; color: #555; font-size:15px; font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; width: 100%; margin:0; padding:0;}
p {line-height: 22px;}
p, ul, ol {margin: 0 0 30px 0; padding:0;}
h1, h2, h3, h4, h6 {color:#1887dd; margin: 0 0 20px; text-rendering: optimizeLegibility;}
h5 {color:#1887dd; margin: 0 0 10px; text-rendering: optimizeLegibility;}
h1 {font-size:25px;}
h2, h3 {font-size:22px;}
h4, h5, h6 {font-size:19px;}
a {color: #1887dd; text-decoration: none;}
a:hover, a:active, a:focus {opacity: .8;}
h2 a {color: #405a8b !important; font-size: 20px !important;}
b, strong {font-weight: bold;}
audio, canvas, img, video {vertical-align: middle;}
embed, img, object {max-width: 100%;}
img {height: auto; -ms-interpolation-mode: bicubic;}
figure {margin: 0;}
hr {border: 0; border-top: 1px solid #ddd;	display: block;	height: 1px; margin: 30px 0; padding: 0; }
ul {list-style-position:outside; margin-left:15px;}
li {color:#1887dd;}
.clear:before, .clear:after {content: " ";	display: table;}
.clear:after {clear: both;}
.clear {*zoom: 1;}
::-moz-selection {background: #555; color: #fff;	text-shadow: none;}
::selection {background: #555; color: #fff; text-shadow: none;}
.inner {width:1200px; height:auto; margin:0 auto;}

/*------------ CSS-LAYOUT ------------*/
header, #content, footer {width:100%; height:auto; float:left;}
footer {background-color:#0162a7; position:relative; bottom:0; padding:20px 0 10px;}
	footer .inner {height:auto; color:#fff;}

#logo {width:100%; padding:10px 0;}
#header-grafik {width:100%; background-color:#cde6f9;}

#content {overflow:hidden;}
#container {width:70%; min-height:200px; height:auto; float:left; padding-top:30px; padding-right:50px;}
	#content #container ul li {line-height:22px;}
	#content #container ul li span {color:#3c3c3c;}
	#content #container .full {width: 100%; float:none; min-height: 140px;}
	#content #container .half {width: 50%; height: auto; float: left;}
	#content #container p a.center {float: none; clear: left;}
	#content #container .half:first-child p a.center {padding-left: 10px;}
	
	/*----- BauFi -----*/
	/* Budgetrechner */
	#bl-dialog .baufilead-button-container .baufilead-berechnen-button {border-color: #1887dd !important; background-color: #1887dd !important;}
	#bl-dialog .baufilead-dialog-title {color: #1887dd !important;}
	#bl-dialog .baufilead-button-container .baufilead-button.baufilead-button-verringerte-aufmerksamkeit .baufilead-button-text {color: #fff !important;}
	#bl-dialog .baufilead-button-container .baufilead-button {border-color: #1887dd !important;}
	#bl-dialog .baufilead-button-container .baufilead-button {background-color: #1887dd !important;}
	#bl-dialog .baufilead-close-button {fill: #1887dd !important;}
	/* Zinsrechner */
	#baufilead-konditionsrechner-TILGUNG-container input[type=range].baufilead-input-rahmen-und-background:focus::-ms-fill-upper {background: #3071a9 !important;}
	#baufilead-konditionsrechner-TILGUNG-container input[type=range].baufilead-input-rahmen-und-background:focus::-ms-fill-lower {background: #3071a9 !important;}
	#baufilead-konditionsrechner-TILGUNG-container input[type=range].baufilead-input-rahmen-und-background:focus::-webkit-slider-runnable-track {background: #3071a9 !important;}
	#baufilead-konditionsrechner-TILGUNG-container input[type=range].baufilead-input-rahmen-und-background:focus::-moz-range-track {background: #3071a9 !important;}
/* Objekte finanzieren */
#baufilead-zinstableau-container-0 .baufilead-zinstableau-titel {
  color: #1887dd !important;
    margin: 0 0 20px;
    text-rendering: optimizeLegibility;
    font-size: 22px!important;
    font-weight: 700!important;
}
#baufilead-zinstableau-container-0>div {
  padding: 0 !important;
}
#baufilead-zinstableau-container-0 .baufilead-zinstableau-konditionen-tabelle-zelle {
  padding: 10px !important;
}
#baufilead-zinstableau-container-0 .baufilead-zinstableau-untertitel,
#baufilead-zinstableau-container-0 .baufilead-zinstableau-kondition-zeile,
#baufilead-zinstableau-container-0 .baufilead-zinstableau-konditionen-ueberschrift-zeile {
  font-size: 15px !important;
}
#baufilead-zinstableau-container-0 .baufilead-zinstableau-lead-erfassen,
.baufilead_mietekaufvergleichsrechner,
.baufilead_budgetrechner,
.baufilead_nebenkostenrechner {
  font-size: 15px !important;
  color: #ffffff !important;
  background-color: #1887dd !important;
  line-height: 35px !important;
  border: none;
  padding: 0 50px;
  text-align: center;
  border-radius: 3px;
}
#sidebar {width:30%; background:#1887dd; min-height:100%; height:auto; float:left; padding-bottom:9999px; margin-bottom:-9999px;}
	#sidebar a {color:#fff;}
	#sidebar-text {height:250px; width:360px;}
	#sidebar-img {height:300px; width:360px;}
	#sidebar-text, #sidebar-img, #sidebar-nav {padding:30px 25px 15px 40px; color:#fff; width:100%;}
		#sidebar-text h3, #sidebar-nav h3 {color:#fff;}
		#sidebar-img img {width:272px; height:268px;}
#sidebar-nav ul.navi {margin-left: 0;}
#sidebar-nav ul.navi a {color: #ffffff; line-height: 1.8; font-size: 20px;}
#footer-left {width:70%; height:auto; float:left;}
#footer-right {width:30%; height:auto; float:right; text-align:right;}
	#footer-right ul#footer-menu {margin-top:0px; margin-bottom:0;}
		#footer-right ul#footer-menu li {display:inline-block; list-style-type:none; padding:0 5px;}
			#footer-right ul#footer-menu li:nth-child(1):after, #footer-right ul#footer-menu li:nth-child(2):after {content:"|"; padding-left:10px; color:#fff;}
			#footer-right ul#footer-menu li a {color:#fff;}