/*
 * orange  		ea8a23
 * orange hover		DB8121
 * dunkelblau 		262350 Schrift
 * dunkelblau (dunkler) 131527
 *
 * girokonto		#149ECF
 **/

body {
	font-family: 'Open Sans', sans-serif;
	position: relative;
}
h1 {
	margin:0 0 20px 0;
	font-weight:normal;
	font-size:25px;
	color:#333;
	line-height:1.5;
}
h2, .h2 { /* Startseite */
	font-size:18px;
}
a {
	color: #ffb80f;
}
a:hover {
	color: #ffb80f;
}
p {
	line-height:1.5;
}
img {
	width: 100%;
}
.small {
	font-size:10px;
}
p.small {
	line-height:1.3;
}
.clr {
	clear:both;
}

html {
  scroll-behavior: smooth;
}

@font-face {
    font-family: Sophia; 
    src: url(/Schrift-Sophia/SofiaProSoftMed.otf);
} 

.color-box {
	color: #fff;
	background-color: #0eb8ec;
	padding: 10px;
	font-weight: 600;
}

@media(max-width: 1200px) {
	.side-contact {
		display:none !important;
	}
	.contact-2 {
		display: none;
	}
}

.col-page-zbutton {
	position: relative;
}
.position-button {
	position: absolute;
	padding: 20px;
	font-size: 16px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
	text-align: center;
	left: 2px;
	top: -85px;
	border-radius: 40px;
	transform: rotate(-10deg);
}

@media(max-width:1200px) {
	.position-button {
		top: -255px;
		transform: rotate(-10deg);
		right: 760px;
	}
}

@media(max-width:1000px) {
	.position-button {
		top: -500px;
		transform: rotate(-10deg);
		right: 540px;
	}
}

@media(max-width:768px) {
	.position-button {
		display: none;
	}
}

.col-page .col-6 .col-right ul {
	padding: 0 0 0 25px;
	color: #0eb8ec;
}

.col-page .col-6 li {
	padding-bottom: 5px;
}

.col-page .col-6 span {
	color: #333;
}

.contact-us {
	margin-bottom: 50px;
}

.textcolor-rosa {
	color:#f192bc;
}
.textcolor-blau {
	color:#03bbed;
}
.textcolor-gruen {
	color:#afca0d;
}
.textcolor-gelb {
	color:#fdc300;
}
.textcolor-lila {
	color:#98a9d7;
}

.bg-textcolor-rosa {
	background-color:#f192bc;
	color: #fff;
}
.bg-textcolor-blau {
	background-color:#03bbed;
	color: #fff;
}
.bg-textcolor-gruen {
	background-color:#afca0d;
	color: #fff;
}
.bg-textcolor-gelb {
	background-color:#fdc300;
	color: #fff;
}
.bg-textcolor-lila {
	background-color:#98a9d7;
	color: #fff;
}

.btn-default {
    background-color: #ffb80f;
    color: #fff;
}
.btn-default:hover {
    background-color: #ffb80f;
    color: #fff;
}
.btn-info {
    background-color: #ffb80f;
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info:hover {
    background-color: #ffb80f;
}
.btn {
    border:none;
    border-radius: 0px;
}
/*
.btn-girokonto {
    background-color: #149ECF;
    color: #fff;
}
.btn-girokonto:hover {
    background-color: #1292bf;
    color: #fff;
}
*/


/* Header */
#topbar {
	background-color:#fff;
	color:#333;
	height:89px;
}
#topbar .phone {
	text-align:right;
	margin-top:20px;
	line-height:1.6;
	
}
#topbar .phone a {
	color:#333;
	font-weight:bold;
	font-size:18px;
}
#topbar .appointment {
	font-size:15px !important;
}

.provenexpert {
	margin-top:20px;
	text-align:center;
}


.navbar {
    margin-bottom:0;
    border-radius: 0px;
    min-height:0;
    border:none;
}
#navbar {
	margin-left: -15px;
	margin-right: -15px;
}
#navbar .nav {
    width:100%;
    
}
.navbar-nav > li  a {
    color:#333;
}

.navbar-nav > li > a {
    text-transform: uppercase;
    font-size:12px;
    line-height: 100%;
    border-left:1px solid #e3e2e2;
    padding-left:20px;
    padding-right:20px;
}
.navbar-nav > li.active > a {
	color:#ea8a23;
}
.navbar-nav > li.last > a {
    border-right:1px solid #e3e2e2;
}

.navbar-toggle .icon-bar {
    background-color: #333;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover,
.nav > li > a:focus,
.nav > li > a:hover {
    background-color: #333;
    color:#fff;
}

.navbar-toggle {
	margin-top:-47px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
	background-color:#333;
}


.dropdown-menu.container { /* Drop-Down über ganze Breite */
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    left:auto;
    padding-bottom:20px;
}
.dropdown-menu.container > li {
	width:100%;
}
.dropdown-menu.container > .active > a,
.dropdown-menu.container > .active > a:focus,
.dropdown-menu.container > .active > a:hover {
    background-color: #fff;
	color:#149ECF;
}
.dropdown-menu.container > li > a {
	border-bottom:1px solid #E3E2E2;
	padding-left:0;
	font-weight:bold;
	color:#149ECF;
}
.dropdown-menu.container > li > ul {
	padding:0;
	list-style-type: none;
}
.dropdown-menu.container > li > ul > li {
	line-height:2;
}

/*.navbar-nav .open .dropdown-menu .dropdown-header > .dropdown-header,*/
.navbar-nav .open .dropdown-menu > li  li > a {
    padding: 5px 15px 5px 25px;
}


.affix {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 300;
    top:0;
}
.affix .navbar-brand > img {
    max-height: 40px;
}
.affix #topbar {
    height: 65px;
}
.affix #topbar .phone {
    margin-top: 22px;
}

/* Hedaer-Slider */
.slider-container {
	position:relative;
}
	.slider-container > .container {
		height: 100%;
		left: 0;
		margin: auto;
		max-width: 1399px;
		position: absolute;
		right: 0;
		top: 0;
	}
	.slider-container .slider-berater-wrapper {
		height:100%;
		position:relative;
		display:inline;	
	}
		#owl-berater-header {
			height:100%;
			max-height:414px;
			width:34%;
			z-index:100;
			position:relative;			
		}
		.owl-carousel .owl-wrapper-outer,
		.owl-carousel .owl-wrapper,
		.owl-carousel .owl-item,
		.owl-carousel .owl-item .item {
		    height: 100%;
		}   		
		.slider-berater {
			height:100%;
			width:100%;
		}

/*		.slider-berater {
			height:100%;
			max-height:414px;
			width:34%;
			z-index:100;
			position:relative;			
		}*/
		.slider-berater-bg {
			background-color:#fff;
			z-index:101 !important;
			opacity: 0.7;       /* modern browser */  
			-moz-opacity: 0.7;  /* older Mozilla browser */  
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */  
			filter:alpha(opacity=70); /* IE5.x -7.0 */  
		}
		.slider-berater-text {
			position:absolute;
			left:0;
			bottom:0;
			color:#333;
			z-index:102;
			width:100%;
			font-size:25px;
			padding:5px 10px;			
		}
		.slider-berater-text span {
			font-size:20px;
		}

	.slider-container .slider-text-wrapper-start {
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
		color:#fff;
		position:absolute;
		z-index:101;

		width:100%;
		text-align:center;
		left:0;
		top:15px;
	}
		.slider-container .slider-text-wrapper-start .slider-text1 {
			font-size:6vw;
		}
		.slider-container .slider-text-wrapper-start .slider-text2 {
			font-size:4vw;
		}
	.slider-container .slider-text-wrapper,
	.slider-container .slider-text-wrapper-bar {
		position:absolute;
		top:160px;
	}
	.slider-container .slider-text-wrapper {
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
		color:#fff;
		z-index:102;
	}
	.slider-container .slider-text-wrapper-bar {
		background-color:#000;
		opacity: 0.5;
		-moz-opacity: 0.5; 
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
		filter:alpha(opacity=50);  

		z-index:101;
	}
		.slider-container .slider-text-wrapper .slider-text1,
		.slider-container .slider-text-wrapper-bar .slider-text1 {
			display:none;
		}
		.slider-container .slider-text-wrapper .slider-text2,
		.slider-container .slider-text-wrapper-bar .slider-text2 {
			display:none;
		}

#owl-headerslider {
    margin: auto;
    max-width: 1399px;
}
#owl-headerslider .item > img{
    display: block;
    width: 100%;
    max-width: 1399px;
    height: auto;
}



.subnavi {
	list-style: none;
	display: inline-table;
	margin-bottom:50px;
	margin-top: 20px;
	float: right;
}
	.subnavi li {
		display: inline;
	}

	.subnavi li a {
		display: block;
		float: left;
		height: 30px;
		background: #ccc;
		text-align: center;
		padding: 3px 5px 0 30px;
		position: relative;
		margin: 0 10px 0 0; 
		
		font-size: 16px;
		text-decoration: none;
		color: #fff;
	}
		.subnavi li a:after {
			content: "";  
			border-top: 15px solid transparent;
			border-bottom: 15px solid transparent;
			border-left: 30px solid #ccc;
			position: absolute; right: -30px; top: 0;
			z-index: 1;
		}
		
		.subnavi li a:before {
			content: "";  
			border-top: 15px solid transparent;
			border-bottom: 15px solid transparent;
			border-left: 30px solid #fff;
			position: absolute; left: 0; top: 0;
		}

			.subnavi li:first-child a {
				/*border-top-left-radius: 10px; border-bottom-left-radius: 10px;*/
			}
			.subnavi li:first-child a:before {
				display: none; 
			}
			
			.subnavi li:last-child a {
				padding-right: 10px;
				/*border-top-right-radius: 10px; border-bottom-right-radius: 10px;*/
			}
			.subnavi li:last-child a:after {
				display: none; 
			}
		
		.subnavi li.active a,
		.subnavi li a:hover {
			background: #14BAEE;
		}
			.subnavi li.active a:after,
			.subnavi li a:hover:after {
				border-left-color: #14BAEE;
			}
		

/* Meine Produkte */
.meine-produkte {
	padding-bottom:0 !important;
}
.meine-produkte img {
	max-width:100%;
	margin-bottom:20px;
}

/* Footer-Berater */
.bg-berater {
	margin-top:20px;
	padding-bottom:20px;
	background: #131428; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 70px, #131428 70px); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 70px,#131428 70px); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 70px,#131428 70px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131428', endColorstr='#131428',GradientType=0 ); /* IE6-9 */
}
.bg-berater .berater-bild {
	width:100%;
	border:12px solid #131428;
}

.bg-berater address {
	color:#fff;
	margin-top:15px;
	margin-left:12px;
}
.bg-berater address .l1 {
	font-size:16px;
}

.bg-berater address .name {
	font-size:20px;
}
.bg-berater address .contact span {
	white-space: nowrap;
}
.bg-berater #berater-karte {
	width:100%;
	height:300px;
	border:12px solid #131428;
}
.bg-berater .berater-routenplaner {
	padding-left:12px;
}

/* Footer */
footer {
	color:#fff;
	padding-top:20px;
	margin-top: 50px;
}
footer a:hover {
	color:#a1b2da;
}
footer ul {
	list-style:none;
	margin:0 0 40px 0;
	padding:0;
}
footer ul li {
    line-height:2;
}
footer ul li a {
	color:#fff;
}
footer ul li a:hover {
	color:#fff;
}
footer .footer-nav {
	margin-bottom:0;
}


/* Layer-Formular */
form.anfrage .anfrage-berater {
	line-height:1.5;
	
}
form.anfrage .anfrage-berater img {
	margin-bottom:5px;	
}
form.anfrage .anfrage-berater span {
	font-size:16px;
	font-weight:bold;
}

/* Allgemein */
.row {
	padding: 0 !important;
}
.content-buttons-wrapper {
	margin:20px 0 10px 0;
}
	.content-buttons-wrapper .btn {
		width:100%;
		margin-right:10px;
		margin-bottom:10px;
	}
.content-h1-wrapper {
	margin:40px 0 0 0;
}
	.content-h1-wrapper h1 {
		margin-bottom:0;
	}
	.content-h1-wrapper h1 span {
		font-size:20px;
	}
.anfrage-notice {
	padding:10px;
	margin-bottom:0;
	margin-top:20px;
}
.anfrage-notice.bg-success {
	color:#5cb85c;
}
.anfrage-notice.bg-danger {
	color:#d9534f;
}

/* Downloads */
.blog-downloads {
    margin-left: 50px !important;
}
.blog-downloads li {
	line-height:30px;
	padding-top:3px;
}
.blog-downloads li a {
	color:#333;
	text-decoration:none;
}
	.blog-downloads li a:hover {
		color:#ea8a23;
	}
.blog-downloads li a i {
	color:#ea8a23;
	font-size:30px;
}
/*********************************************/
/*** Startseite ******************************/
/*********************************************/
.bg-white {
	padding-bottom:20px;
}
.bg-gray {
	background-color:#ebebeb;
	padding-bottom:20px;
}
.bg-creme {
	background-color:#F7F4F1;
	padding-bottom:20px;
}
.startseite-produkte-teaser {
	padding-top:20px;
}
/*.startseite-produkte-teaser .row .row {
	margin-left:-5px;
	margin-right:-5px;
}*/
/*
.startseite-produkte-teaser .row .row .produkt-teaser {
	padding-left:5px;
	padding-right:5px;
}*/

.startseite-produkte-teaser li i {
	color:#8ebc21;
}

.startseite-produkte-teaser .produkt-teaser img {
	width:100% !important;
	height:auto !important;
	max-width:100%;
}
.startseite-produkte-teaser .produkt-teaser .bild-unterschrift {
	background-color:#333;
	color:#fff;
	box-sizing: border-box;
	padding:5px;
	font-size:13px;
}
.startseite-produkte-teaser .produkt-teaser .bild-unterschrift span {
	font-size:17px;
}
.startseite-produkte-teaser .produkt-teaser h3 {
	margin-top:10px;
	margin-bottom:5px;
	font-size:18px;
}
.startseite-produkte-teaser .produkt-teaser ul {
	margin-left:20px;
	min-height:110px;
}
.startseite-produkte-teaser .produkt-teaser ul li {
	/*font-size: 11px;*/
	line-height: 2;	
}
.startseite-produkte-teaser .produkt-teaser ul li i {
	/*font-size: 12px;*/
	line-height: 2;	
	 
}
.startseite-produkte-teaser .produkt-link {
	display:block;
	background-color:#ea8a23;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:2;
}
.startseite-produkte-teaser .produkt-link:hover {
	text-decoration:none;
	background-color:#db8121;
}
.startseite-produkte-teaser .faszination-bankshop {
	/*float:left;
	width:28%;*/
}
.startseite-produkte-teaser .faszination-bankshop ul {
	/*margin-bottom:74px;*/
}
.startseite-produkte-teaser .faszination-bankshop li {
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 0 10px 5px;
}
.startseite-produkte-teaser .faszination-bankshop li i {
    font-size: 30px;
    left: -30px;
    width: 30px;
}

.news-wrapper {
	width:100%;
	/*height:236px;*/
	position:relative;
	margin-bottom:20px;
	cursor:pointer;
}
.news-wrapper .news-img {
	width:100%;
	top:0;
	left:0;
	z-index:10;
}
.news-wrapper .news-img img {
	width:100%;
}
.news-wrapper .news-block {
	height:140px;
	z-index:20;
	background-color:#333;
	opacity: 0.7;       /* modern browser */  
	-moz-opacity: 0.7;  /* older Mozilla browser */  
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */  
	filter:alpha(opacity=70); /* IE5.x -7.0 */      
}
.news-wrapper .news-text {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:30;
	color:#fff;
	padding:5px;
}
.news-wrapper .news-text span {
	font-size:20px;
}
.news-wrapper .news-link {
	position:absolute;
	bottom:0;
	right:10px;
	z-index:50;
}
.news-wrapper .news-link a {
	color:#fff;
	font-size:45px;
}
.news-uebersicht {
	display:block;
	width:100%;
	background-color:#ea8a23;
	color:#fff;
	position:relative;
	margin-bottom:20px;
	line-height:2;
	padding-left:10px;
}
.news-uebersicht:hover {
	color:#fff;
	text-decoration: none;
	background-color:#db8121;
}
/*
.statement {
	text-align:center;
}
.statement img {
	width:50% !important;
	height:50% !important;
	margin-bottom:5px;
}
.statement span {
	font-size:25px;
}
*/
#owl-zitate {
	padding:20px 0 0 0;
}
#owl-zitate .item  {
	padding:0 40px;
	text-align:center;
}

#owl-zitate .item p.name {
	font-size:20px;
	font-weight: bold;
}
#owl-zitate .item p.zitat {
	font-size:16px;
}
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: 0;
  top: 55px; 
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: 0;
  top: 55px;
}
.owl-theme .owl-controls {
    margin-top: 0;
}

.side-mail {
	position: absolute;
	top: 300px;
	right: 10px;
}

/* Kontakt rechts */
.side-contact {
	display:none;
	position:fixed;
	right:-240px;
	height:60px;
	color:#fff;
	font-size:30px;
	transition: right 0.5s;
	width:300px;
	z-index:200;
}

@media(max-width:1200px) {
	.side-contact {
		display: none;
	}
}

.contact-slide:hover {
	right:0px;
	/*background-color:#868686;*/
	color: #fff;
}
	.side-contact .icon {
		width:60px;
		float:left;
		line-height:60px;
		text-align:center;
		background-color: #f1f1f1;
	}
		.side-contact .icon a {
			display:block;
			
		}
		.side-contact .icon a:hover {
			background-color:#868686;

		}
	.side-contact .value {
		width:240px;
		float:left;
		line-height:60px;
		padding-left:20px;
	}
		.side-contact .value a {
			color: #fff;
			text-decoration: none;
			font-size: 20px;
		}
.contact-1 {
	top:330px;
	width:350px;
	right:-290px;
}


	.contact-1 .value {
	width:290px;
	background-color: #ffb80f;
	box-shadow: 6px 5px 10px 0 rgba(0, 0, 0, 0.3);
	}
/*.contact-2 {
	top:265px;
	width:350px;
	right:-290px;
}
	.contact-2 .value {
	width:290px;
	}*/

.contact-3 {
	top:330px;
	width:300px;
}
.contact-4 {
	top:395px;
	width:300px;
}
.contact-5 {
	top:460px;
	width:300px;
}
#mapcontainer {width: 100%; height: 100%;} 
#map_canvas2 {width: 100%; height: 100%;}

/*********************************************/
/*** Unterseiten *****************************/
/*********************************************/
.text-1-spalter li,
.text-2-spalter li {
	margin-bottom:10px;
}
.text-1-spalter li i,
.text-2-spalter li i {
	color:#ea8a23;
}
.text-1-spalter .ul-produkte li i,
.text-2-spalter .ul-produkte li i {
	color:#149ECF;
}


.text-2-spalter {
	padding-bottom:0;
}
	.text-2-spalter .container .row > div {
		margin-bottom:20px;
	}
	.text-2-spalter h2 {
		margin-top:0;
	}
	.text-2-spalter .col-md-4 .btn {
		width:100%;
	}
	.text-2-spalter .col-md-4 img {
		width:100%;
		max-width:100% !important;
	}
	.text-2-spalter .btn {
		margin-right:10px;
		margin-bottom:10px;
	}



.girokonto-top {
}
	.girokonto-top .top {
		text-align:left;
		font-size:16px;
		margin-bottom:20px;
		/*line-height: 46px;*/
	}
		.girokonto-top .top > div {
			background:#D5D9DC url(../images/vermoegen-bg.png) repeat-y;
			padding:20px;
		}
		.girokonto-top .top > div > div {
			display:table-cell;
			vertical-align:middle;
			height:46px;
		}
	
		.girokonto-top .top i {
			color:#149ECF;
			display:block;
			float:left;
			font-size:30px;
			line-height:46px;
			margin-right: 10px;
		}
/* Allgemein */
/*
.btn-custom {
    background-color: #3b98a7;
    border-color: #34b3c6;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0px;
    font-size:12px;
}
.btn-custom.focus,
.btn-custom:focus,
.btn-custom:hover {
	background-color: #fff;
	color:#34b3c6;
}
*/
.elastic-video {
	    position: relative;
	    padding-bottom: 55%;
	    padding-top: 15px;
	    height: 0;
	    overflow: hidden;
	}
	.elastic-video iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
/* Kontakt */ 
.main_formular {
	background:#6F7C86 url(../images/vermoegen-bg-active.png) repeat-y;
	color:#333;
	padding: 10px;
	
	-webkit-box-shadow: 3px 3px 5px #999;
	-moz-box-shadow: 3px 3px 5px #999;
	box-shadow: 3px 3px 5px #999;


}
.main_formular h3 {
    margin-top:10px;
    margin-bottom:20px;
}
/*.main_formular*/ .honeymail {
    display: none;
}
.main_formular .form-control {
    border-radius: 0;
    border:none;
    color: #333;
}

.main_formular .form-control::-moz-placeholder {
    color: #333;
}
/*.main_formular*/ .required {
	font-size:12px;
}

/*.email_sps {
    display: none;
}
.notice {
    border-radius: 5px;
    clear: both;
    left: 0;
    line-height: 120%;
    margin: 10px 0;
    padding: 10px 20px 10px 50px;
    position: relative;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
    top: 0;
}
.notice i[class*="fa-"] {
    left: 15px;
    margin-top: 14px;
    position: absolute;
    top: 0;
}
*/

/* Girokonto */
.girokonto-small {
	margin-top:20px;	
}

/* Girokonto Vergleich */
/* Rechner */
.rechner td {
	background-color:#f9f9f9;
}
table.rechner td.rlabel{
	width:150px;
}
table.rechner td.input-text select,
table.rechner td.input-text input{
	width:100px;
}
table.rechner tr.no-border td{
	border-bottom:none;
}


/* Liste */
table.konten td.value {
	text-align:right;
}





/* Baufinanzierung */
#baufilead_zinstableau_container_0, #baufilead_zinstableau_container_1, #baufilead_zinstableau_container_2, #baufilead_zinstableau_container_3, #baufilead_zinstableau_container_4, .baufilead_zinstableau_container {
    box-sizing: border-box !important;
}
#baufilead_zinstableau_container_0, #baufilead_zinstableau_container_1, #baufilead_zinstableau_container_2, #baufilead_zinstableau_container_3, #baufilead_zinstableau_container_4, .baufilead_zinstableau_container {
    background-color: #EDEFF2 !important;
    border:none !important;
}
#baufilead_zinstableau_container_0,
#baufilead_zinstableau_container_1,
#baufilead_zinstableau_container_2,
#baufilead_zinstableau_container_3,
#baufilead_zinstableau_container_4,
.baufilead_zinstableau_container {
	width:100% !important;
	max-width: 380px;
}
#baufilead_zinstableau_container_0 .baufilead_zinstableau_titel, #baufilead_zinstableau_container_1 .baufilead_zinstableau_titel, #baufilead_zinstableau_container_2 .baufilead_zinstableau_titel, #baufilead_zinstableau_container_3 .baufilead_zinstableau_titel, #baufilead_zinstableau_container_4 .baufilead_zinstableau_titel, .baufilead_zinstableau_container .baufilead_zinstableau_titel {
    background-color: #EDEFF2 !important;
    color: #333 !important;
    font-size: 22px !important;
/*    padding: 10px 4px 4px 10px;*/
    text-align: center !important;
}
#baufilead_zinstableau_container_0 .baufilead_zinstableau_untertitel, #baufilead_zinstableau_container_1 .baufilead_zinstableau_untertitel, #baufilead_zinstableau_container_2 .baufilead_zinstableau_untertitel, #baufilead_zinstableau_container_3 .baufilead_zinstableau_untertitel, #baufilead_zinstableau_container_4 .baufilead_zinstableau_untertitel, .baufilead_zinstableau_container .baufilead_zinstableau_untertitel {
    background-color: #EDEFF2 !important;
    color: #333 !important;
    font-size: 12px !important;
/*    padding: 0 4px 0 10px;*/
    text-align: center !important;
}
#baufilead_zinstableau_container_0 .baufilead_zinstableau_link_lead_erfassen, #baufilead_zinstableau_container_1 .baufilead_zinstableau_link_lead_erfassen, #baufilead_zinstableau_container_2 .baufilead_zinstableau_link_lead_erfassen, #baufilead_zinstableau_container_3 .baufilead_zinstableau_link_lead_erfassen, #baufilead_zinstableau_container_4 .baufilead_zinstableau_link_lead_erfassen, .baufilead_zinstableau_container .baufilead_zinstableau_link_lead_erfassen {
/*    background-color: #262350 !important;*/
    background-color: #ea8a23 !important;
}
#baufilead_zinstableau_container_0 .baufilead_zinstableau_link_lead_erfassen_container, #baufilead_zinstableau_container_1 .baufilead_zinstableau_link_lead_erfassen_container, #baufilead_zinstableau_container_2 .baufilead_zinstableau_link_lead_erfassen_container, #baufilead_zinstableau_container_3 .baufilead_zinstableau_link_lead_erfassen_container, #baufilead_zinstableau_container_4 .baufilead_zinstableau_link_lead_erfassen_container, .baufilead_zinstableau_container .baufilead_zinstableau_link_lead_erfassen_container {
    border-radius: 0px !important;
}
#baufilead_zinstableau_container_0 .baufilead_zinstableau_stand_per, #baufilead_zinstableau_container_1 .baufilead_zinstableau_stand_per, #baufilead_zinstableau_container_2 .baufilead_zinstableau_stand_per, #baufilead_zinstableau_container_3 .baufilead_zinstableau_stand_per, #baufilead_zinstableau_container_4 .baufilead_zinstableau_stand_per, .baufilead_zinstableau_container .baufilead_zinstableau_stand_per,
#baufilead_zinstableau_container_0 .baufilead_zinstableau_link_annahmen, #baufilead_zinstableau_container_1 .baufilead_zinstableau_link_annahmen, #baufilead_zinstableau_container_2 .baufilead_zinstableau_link_annahmen, #baufilead_zinstableau_container_3 .baufilead_zinstableau_link_annahmen, #baufilead_zinstableau_container_4 .baufilead_zinstableau_link_annahmen, .baufilead_zinstableau_container .baufilead_zinstableau_link_annahmen,
#baufilead_zinstableau_container_0 .baufilead_zinstableau_body_monatliche_rate, #baufilead_zinstableau_container_1 .baufilead_zinstableau_body_monatliche_rate, #baufilead_zinstableau_container_2 .baufilead_zinstableau_body_monatliche_rate, #baufilead_zinstableau_container_3 .baufilead_zinstableau_body_monatliche_rate, #baufilead_zinstableau_container_4 .baufilead_zinstableau_body_monatliche_rate, .baufilead_zinstableau_container .baufilead_zinstableau_body_monatliche_rate,
#baufilead_zinstableau_container_0 .baufilead_zinstableau_body_sollzins, #baufilead_zinstableau_container_1 .baufilead_zinstableau_body_sollzins, #baufilead_zinstableau_container_2 .baufilead_zinstableau_body_sollzins, #baufilead_zinstableau_container_3 .baufilead_zinstableau_body_sollzins, #baufilead_zinstableau_container_4 .baufilead_zinstableau_body_sollzins, .baufilead_zinstableau_container .baufilead_zinstableau_body_sollzins, 
#baufilead_zinstableau_container_0 .baufilead_zinstableau_body_zinsbindung, #baufilead_zinstableau_container_1 .baufilead_zinstableau_body_zinsbindung, #baufilead_zinstableau_container_2 .baufilead_zinstableau_body_zinsbindung, #baufilead_zinstableau_container_3 .baufilead_zinstableau_body_zinsbindung, #baufilead_zinstableau_container_4 .baufilead_zinstableau_body_zinsbindung, .baufilead_zinstableau_container .baufilead_zinstableau_body_zinsbindung,
#baufilead_zinstableau_container_0 .baufilead_zinstableau_body_effektivzins, #baufilead_zinstableau_container_1 .baufilead_zinstableau_body_effektivzins, #baufilead_zinstableau_container_2 .baufilead_zinstableau_body_effektivzins, #baufilead_zinstableau_container_3 .baufilead_zinstableau_body_effektivzins, #baufilead_zinstableau_container_4 .baufilead_zinstableau_body_effektivzins, .baufilead_zinstableau_container .baufilead_zinstableau_body_effektivzins,
#baufilead_zinstableau_container_0 .baufilead_zinstableau_tabelle_kopf_monatliche_rate, #baufilead_zinstableau_container_1 .baufilead_zinstableau_tabelle_kopf_monatliche_rate, #baufilead_zinstableau_container_2 .baufilead_zinstableau_tabelle_kopf_monatliche_rate, #baufilead_zinstableau_container_3 .baufilead_zinstableau_tabelle_kopf_monatliche_rate, #baufilead_zinstableau_container_4 .baufilead_zinstableau_tabelle_kopf_monatliche_rate, .baufilead_zinstableau_container .baufilead_zinstableau_tabelle_kopf_monatliche_rate,
#baufilead_zinstableau_container_0 .baufilead_zinstableau_tabelle_kopf_sollzins, #baufilead_zinstableau_container_1 .baufilead_zinstableau_tabelle_kopf_sollzins, #baufilead_zinstableau_container_2 .baufilead_zinstableau_tabelle_kopf_sollzins, #baufilead_zinstableau_container_3 .baufilead_zinstableau_tabelle_kopf_sollzins, #baufilead_zinstableau_container_4 .baufilead_zinstableau_tabelle_kopf_sollzins, .baufilead_zinstableau_container .baufilead_zinstableau_tabelle_kopf_sollzins,
#baufilead_zinstableau_container_0 .baufilead_zinstableau_tabelle_kopf_zinsbindung, #baufilead_zinstableau_container_1 .baufilead_zinstableau_tabelle_kopf_zinsbindung, #baufilead_zinstableau_container_2 .baufilead_zinstableau_tabelle_kopf_zinsbindung, #baufilead_zinstableau_container_3 .baufilead_zinstableau_tabelle_kopf_zinsbindung, #baufilead_zinstableau_container_4 .baufilead_zinstableau_tabelle_kopf_zinsbindung, .baufilead_zinstableau_container .baufilead_zinstableau_tabelle_kopf_zinsbindung,
#baufilead_zinstableau_container_0 .baufilead_zinstableau_tabelle_kopf_effektivzins, #baufilead_zinstableau_container_1 .baufilead_zinstableau_tabelle_kopf_effektivzins, #baufilead_zinstableau_container_2 .baufilead_zinstableau_tabelle_kopf_effektivzins, #baufilead_zinstableau_container_3 .baufilead_zinstableau_tabelle_kopf_effektivzins, #baufilead_zinstableau_container_4 .baufilead_zinstableau_tabelle_kopf_effektivzins, .baufilead_zinstableau_container .baufilead_zinstableau_tabelle_kopf_effektivzins,
#baufilead_zinstableau_container_0 .baufilead_zinstableau_tabelle .baufilead_odd, #baufilead_zinstableau_container_1 .baufilead_zinstableau_tabelle .baufilead_odd, #baufilead_zinstableau_container_2 .baufilead_zinstableau_tabelle .baufilead_odd, #baufilead_zinstableau_container_3 .baufilead_zinstableau_tabelle .baufilead_odd, #baufilead_zinstableau_container_4 .baufilead_zinstableau_tabelle .baufilead_odd, .baufilead_zinstableau_container .baufilead_zinstableau_tabelle .baufilead_odd {
    background-color: #EDEFF2 !important;
    color: #333 !important;
}
.baufilead_zinstableau_tabelle,
#baufilead_zinstableau_container_0 .baufilead_zinstableau_tabelle_kopf, #baufilead_zinstableau_container_1 .baufilead_zinstableau_tabelle_kopf, #baufilead_zinstableau_container_2 .baufilead_zinstableau_tabelle_kopf, #baufilead_zinstableau_container_3 .baufilead_zinstableau_tabelle_kopf, #baufilead_zinstableau_container_4 .baufilead_zinstableau_tabelle_kopf, .baufilead_zinstableau_container .baufilead_zinstableau_tabelle_kopf {
	border-bottom:3px solid #ea8a23 !important;
}
#baufilead_zinstableau_container_0 .baufilead_zinstableau_stand_per, #baufilead_zinstableau_container_1 .baufilead_zinstableau_stand_per, #baufilead_zinstableau_container_2 .baufilead_zinstableau_stand_per, #baufilead_zinstableau_container_3 .baufilead_zinstableau_stand_per, #baufilead_zinstableau_container_4 .baufilead_zinstableau_stand_per, .baufilead_zinstableau_container .baufilead_zinstableau_stand_per {
    font-size: 12px !important;
    text-decoration: none !important;	
}

#baufilead_fancybox .baufilead_dialog .baufilead_dialog_title {
    color: #333 !important;
}


/* Vermögen */
vermoegen-container {
	padding-bottom:0;
}
.vermoegen {
	width:100%;
	min-height:270px;
	background:#D5D9DC url(../images/vermoegen-bg.png) repeat-y;
	position:relative;
	margin-bottom:20px;
	cursor:pointer;
}
.vermoegen:hover {
	background:#6F7B86 url(../images/vermoegen-bg-active.png) repeat-y;
}
	/*.vermoegen > a,
	.vermoegen > a:hover {
		display:block;
		text-decoration:none;
		color:#333;
	}*/

	.vermoegen img {
		width:100%;
	}
	.vermoegen h2 {
		padding:10px 0 5px 10px;
		margin:0;
		font-size:16px;
		color: #333;
		
	}
	.vermoegen p {
		padding:0 0 30px 10px;
	}
	.vermoegen ul li {
		line-height:1.8;
	}
	.vermoegen ul li i {
		color: #149ecf;
		padding-top:2px;
	}
	/*.vermoegen .btn  {
		display:block;
		position:absolute;
		width:150px;
		line-height:1.5;
		bottom:10px;
		left:10px;
		padding-left:10px;
	}*/
	.vermoegen-btn span {
	    color:#fff;
	    display: block;
	    opacity: 0;
	    padding: 0 0 0 10px;
	    transition: opacity 250ms linear 0s;
	}
	.vermoegen-btn i {
	    color: #002f5f;
	    content: "f105";
	    display: inline-block;
	    font-family: FontAwesome;
	    font-size: 35px;
	    line-height: 30px;
	    margin-right: -22px;
	    position: absolute;
	    right: 100%;
	    text-align: center;
	    top: 0;
	    transition: all 250ms linear 0s;
	    width: 30px;
	}
	.vermoegen-btn span,
	.vermoegen-btn i {
	    color: #333 !important;
	    line-height: 26px;
	}
	.vermoegen-btn {
	    border: 1px solid transparent;
	    bottom: 10px;
	    display: inline-block;
	    height: 30px;
	    left: 10px;
	    line-height: 30px;
	    overflow: hidden;
	    padding-right: 30px;
	    position: absolute;
	    text-decoration: none;
	    transition: border-color 250ms linear 0s;
	}

	.vermoegen:hover .vermoegen-btn i {
		font-size:14px;
		margin-right:0;
		right:0;
	}
	.vermoegen:hover .vermoegen-btn span,
	.vermoegen:hover .vermoegen-btn i {
		color:#fff !important;
		line-height:26px;
	}
	.vermoegen:hover .vermoegen-btn span {
		opacity:1;
	}
	
	.vermoegen:hover .vermoegen-btn {
		background-color:#EA8A23;
		border-color:#EA8A23;
		text-decoration: none;
	}
	.vermoegen.type1 {
		
	}
	.vermoegen.type2 {
		
	}
	
/* Mein Bankshop */
#wrapper {
	position: relative;
	/*margin: 20px auto 0 auto;*/
	z-index: 1;
	width: 100%;
	height: 640px;
	background-color	: transparent;
	padding				: 0px;
	border				: 1px solid #fff;
	box-sizing:border-box;
}
#tourDiv {
	width				: 100%;
	height				: 100%;
}

/* Sponsoring */
.sponsor-wrapper {
	background-color:#fff;
	padding:20px;
	margin-bottom:20px;
}
.sponsor-wrapper h2 {
	margin-top:0;
}

/* news */
.news-list-text {
	margin-bottom:20px;
}
	.news-list-image img {
		width:100%;
	}

.news-list-text {
	background-color:#fff;
	padding:10px;
	min-height:244px;
}
	.news-list-text h2 {
		margin:0;
		padding:10px 0 20px 0;
	}

/*
@media only screen and (max-width: 1500px) {
	.carousel,
	.carousel .item {
		height: 400px;
	}
}
*/
@media only screen and (max-width: 1343px) {
	.side-contact {
	    display:none;
	}
		.slider-berater-text {
			font-size:2.2vw;
		}
		.slider-berater-text span {
			font-size:1.6vw;
		}



	
	
}
@media only screen and (max-width: 992px) {
	.navbar-nav > li > a {
	    text-transform: none;
	}
	.provenexpert {
		display:none;
	}	
}
@media only screen and (max-width: 767px) {
	.navbar {
		border:none;
	}
	.navbar-brand {
		padding-left:0;	
	}
	.navbar-brand > img {
	    max-height:40px;
	}
	.navbar-nav > li > a {
		padding-left:15px;
		padding-right:15px;
		font-size:14px;
	}
	.navbar-nav > li.last > a {
	    border-right: none;
	}	

	#topbar  {
		height:65px;
	}
}

@media only screen and (min-width: 768px) { /* Tablet und größer */
	.dropdown-menu.container > li {
		float:left;
		margin-right:1%;
		width:24%;
	}
	.navbar-nav .open .dropdown-menu > li  li > a {
	    padding: 0;
	}
	

	.side-contact {
		display:block;
	}


	.slider-container .slider-text-wrapper-start {
		top:35px;
		left:38%;
		text-align:left;
		width:auto;
	}
		.slider-container .slider-text-wrapper-start .slider-text1 {
			font-size:3vw;
		}
		.slider-container .slider-text-wrapper-start .slider-text2 {
			font-size:2.2vw;
		}


	.slider-container .slider-text-wrapper .slider-text1,
	.slider-container .slider-text-wrapper-bar .slider-text1 {
		display:inline-block;
		font-size:32px;
		padding:0 10px;
		

		
	}
	.slider-container .slider-text-wrapper .slider-text2,
	.slider-container .slider-text-wrapper-bar .slider-text2 {
		display:inline-block;
		font-size:25px;
		padding:0 10px;
	}


	.news-wrapper {
		height: 325px;
	}
	.news-wrapper .news-img {
		position:absolute;
	}
	.startseite-produkte-teaser .produkt-teaser ul {
		min-height:0;
	}
	.bg-berater #berater-karte {
		height:400px;
	}
	.bg-berater address {
	    margin-top: 131px;
		margin-left:12px;
	}
	footer .footer-nav {
	    float: right;
	}
	
	.text-2-spalter .btn {
		margin-bottom:0;
	}
	
	.content-buttons-wrapper .btn {
		width:auto;
		font-size:12px;
	}
		.content-buttons-wrapper .btn i {
			display:none;
		}
	
	
	
	
}
@media only screen and (min-width: 992px) { /* Desktop und größer */
	.navbar-nav > li > a {
	    padding-left:40px;
	    padding-right:40px;
	}

	.slider-container .slider-text-wrapper-start .slider-text1 {
		font-size:45px;
	}
	.slider-container .slider-text-wrapper-start .slider-text2 {
		font-size:30px;
	}

	.slider-container .slider-text-wrapper,
	.slider-container .slider-text-wrapper-bar {
		top:230px;
	}
	.slider-container .slider-text-wrapper .slider-text1,
	.slider-container .slider-text-wrapper-bar .slider-text1 {
		font-size:38px;
	}
	.slider-container .slider-text-wrapper .slider-text2,
	.slider-container .slider-text-wrapper-bar .slider-text2 {
		font-size:25px;
	}


	.news-uebersicht {
		height:325px;
	}
	.news-uebersicht .news-uebersicht-pfeil {
		position:absolute;
		top:0;
		left:10px;
		font-size:45px;
	}
	.news-uebersicht .news-uebersicht-weiter {
		position:absolute;
		bottom:10px;
		left:10px;
	}
	
	.content-buttons-wrapper .btn {
		width:200px;
		font-size:inherit;
	}
		.content-buttons-wrapper .btn i {
			display:inherit;
		}
	.content-buttons-wrapper .btn-rundgang {
		width:auto;
	}

	/* Girokonto */
	.girokonto-small {
		margin-top:130px;	
	}
	.girokonto-top .top {
		font-size:1.1vw !important;
		line-height:1.5 !important;
	}
	
	/* News */
	.news-list-image {
		margin-bottom:20px;
	}
	

	
}
@media only screen and (min-width: 1200px) { /* Desktop und größer */
	.bg-berater #berater-karte {
		height:262px;
	}

	.girokonto-top .top {
		font-size:14px !important;
		line-height:1.5 !important;
	}
	.girokonto-top .top-s1,
	.girokonto-top .top-s2,
	.girokonto-top .top-s3 {
		/*line-height:46px !important;*/
	}
}
	
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
}

@media only screen and (max-width: 767px) {
	.affix {
        position: relative;
    }
}

.col-12.logo-home {
	text-align: center;
	margin-top: 25px;
}

.col-12.logo-home img{
	width: 300px;
}

@media (max-width: 767px) {
	.col-12.logo-home img {
		width: 230px;
		margin: 40px;
	}
}

.col-12-banner {
	width: 100%;
}

.col-12-banner img {
	width: 100%;
}

@media(max-width: 1200px) {
	.col-12-banner {
		min-height: 200px;
	}
}

@media(max-width: 756px) {
	.col-12-banner {
		min-height: 170px;
	}
}

@media(max-width: 415px) {
	.col-12-banner {
		min-height: 170px;
	}
}

.prev-next {
	text-align: center;
	margin-top: 30px;
	margin-left: -20px;
	font-size: 50px;
	margin-bottom: 20px;
}

.prev-next a {
	text-decoration: none;
}

@media (max-width: 767px) {
	.prev-next {
		margin-left: 0;
	}
}

.prev-next-2 {
	text-align: center;
	margin-top: 10px;
	font-size: 50px;
	margin-bottom: 20px;
}

.prev-next i {
	color: #ffb80f;
}

.prev-next-2 i {
	color: #ffb80f;
	padding: 0 10px;
}

.prev-next-2 .fa-chevron-circle-left{
	
}

.prev-next-2 .fa-chevron-circle-right{
	
}

.prev-next p {
	color: #878787;
	font-size: 14px;
}

.page-h1 {
	margin-top: 24px;
	width: 50%;
	float: right;
	padding-left: 24px;
	color: #333;
	/*text-align: center;
	margin-left: 240px;*/
}

@media (max-width: 1024px) {
	.page-h1 {
		padding-left: 0px;
	}
}

@media (max-width: 767px) {
	.page-h1 {
		float: left;
		width: 100%;
		padding-left: 10px;
	}
}

.col-page {
	width: 104%;
}

@media (max-width: 1024px) {
	.col-page {
	width: 100%;
	}
}

.col-page .col-6 {
	width: 50%;
	float: left;
	padding-right: 40px;
}

@media (max-width: 767px) {
	.col-page .col-6 {
		width: 100%;
		float: right;
		padding: 0 10px;
		margin: 5px 0;
	}
}

.col-page .col-6 p{
	width: 100%;
	float: left;
	text-align: justify;
}

@media (max-width: 767px) {
	.col-page .col-6 p {
		width: 100%;
		padding: 0;
		text-align: justify;
	}
}

.col-page .col-6 i {
	color: #ffb80f;
	font-size: 25px;
}

.col-page .col-6 strong {
	padding-right: 10px;
	color: #868686;
	font-size: 14px;
}

.col-page .col-6 p strong {
	padding-right: 0;
}

.col-page .col-6 a {
	text-decoration: none;
}

.page-anhang {
	margin: 8px 0;
}

section {
	z-index: 2;
}

.form-inline .form-group {
	width: 100%;
}

.form-inline .form-control {
	width: 100%;
	margin: 3px 0;
}

.kontakt-form {
	width: 100%;
	background-color: #ffb80f;
}

.kontakt-form:hover {
	background-color: #ffb80f;
}

.form-inline {
	margin-top: -6px;
}

/* Menu */

.hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: ; }
	

.menu-green, .menu-green::before, .menu-green::after {
	    background-color: #ffb80f;
}

@media (max-width: 1110px) {
	.menu-green, .menu-green::before, .menu-green::after {
		background-color: #ffb80f;
	}
}

.menu-white, .menu-white::before, .menu-white::after {
	    background-color: #ffb80f;
}

.menu-txt {
	color: #868686;
	position: absolute;
	left: 50px;
	top: -5px;
}

.menu-txt-2 {
	color: #fff;
	position: absolute;
	left: 50px;
}

#sidebar span {
	font-size: 24px;
	font-weight: 500px;
}

@media (max-width:768px) {
	.menu-txt-2 {
		display: none;
	}
}

.hamburger-box {
	width: 100px;	
}

@media (max-width: 767px) {
	.hamburger-box {
		width: 40px;
	}
}

.logo-banner img {
	position: absolute;
	top: 30px;
	right: 50px;
	width: 15vw;
}

@media (max-width: 1024px) {
	.logo-banner img {
		min-width: 160px;
		top: 20px;
		right: 20px;
	}
}

@media (max-width: 767px) {
	.logo-banner img {
		min-width: 120px;
		top: 10px;
		right: 10px;
	}
}

@media(min-width: 1200px) {
	.contact-1 {
		top: 320px;
		width: 350px;
		right: -290px;
	}
	.side-contact {
		position: fixed;
		height: 60px;
		/*background-color: #f1f1f1;*/
		color: #868686;
		font-size: 24px;
		
	}
	.side-contact .icon {
		width: 60px;
		float: left;
		line-height: 60px;
		text-align: center;
		font-size: 35px;
		box-shadow: 6px 5px 10px 0 rgba(0, 0, 0, 0.3);
	}
	
	.contact-2 {
	top:240px;
	width:55px;
	text-align: center;
	position: absolute;
	right: 5px;
	}
	
	.contact-2 .icon a {
		position: fixed;
		font-size: 33px;
		color: #868686;
		background-color: #f1f1f1;
		padding: 10px 15px;
		display: block;
		cursor: pointer;
		box-shadow: 6px 5px 10px 0 rgba(0, 0, 0, 0.3);
	}
	
	.contact-2 .icon a:hover {
		background-color: #ffb80f;
		color: #f1f1f1;
	}
}


.img-banner .txt-banner {
	position: absolute;
	top: 80px;
	left: 380px;
	text-align: justify;
	color: #fff;
	font-size: 2.5vw;
	font-weight: 600;
	text-transform: uppercase;
	font-family: Sophia;
}

@media (max-width: 1680px) {
	.img-banner .txt-banner {
		top: 50px;
		left: 270px;
	}
}


@media (max-width: 1024px) {
	.img-banner .txt-banner {
		top: 40px;
		left: 156px;
	}
}

@media (max-width: 767px) {
	.img-banner .txt-banner {
		display:none;
	}
}

.img-banner .txt-banner span{
	padding-left: 60px;
}

@media (max-width: 767px) {
	.img-banner .txt-banner span{
		padding-left: 30px;
	}
}


@media (max-width: 767px) {
	.banner-out {
		display: none;
	}
}

@media (max-width: 767px) {
	.startseite-banner {
		background-image: url("/images/Quint-Banner-Startseite-Mobil.jpg");
		background-repeat: no-repeat;
		background-size: 100%;
	}
}

@media (max-width: 767px) {
	.problem-banner {
		background-image: url("/images/Quint-Banner-das-Problem-mobil.jpg");
		background-repeat: no-repeat;
		background-size: 100%;
	}
}

@media (max-width: 767px) {
	.nutzen-banner {
		background-image: url("/images/Quint-Banner-das-Nutzen-Mobil.jpg");
		background-repeat: no-repeat;
		background-size: 100%;
	}
}

@media (max-width: 767px) {
	.angebot-banner {
		background-image: url("/images/Quint-Banner-das-Angebot-Mobil.jpg");
		background-repeat: no-repeat;
		background-size: 100%;
	}
}

@media (max-width: 767px) {
	.pause-banner {
		background-image: url("/images/Quint-Banner-die-Quint-Pause-Mobil.jpg");
		background-repeat: no-repeat;
		background-size: 100%;
	}
}

@media (max-width: 767px) {
	.experten-banner {
		background-image: url("/images/Quint-Banner-die-Experten-Mobil.jpg");
		background-repeat: no-repeat;
		background-size: 100%;
	}
}


.button-banner  {
	position: absolute;
	top: 30px;
	right: 50px;
	width: 15vw;
	height: 15vw;
	text-align: center;
	color: #fff;
	font-size: 1.5vw;
	font-weight: 600;
	text-transform: uppercase;
	font-family: Sophia;
	background:url(../images/Siegel-Startseite.png) no-repeat;
	background-size:contain;
	display: flex;
	align-items: center;
	justify-content: center;	
}

@media (max-width: 1024px) {
	.button-banner  {
		/*min-width: 160px;
		min-height: 160px;*/
		top: 20px;
		right: 20px;
	}
}

@media (max-width: 767px) {
	.button-banner  {
		/*min-width: 120px;
		min-height: 120px;*/
		width: 25vw;
		height: 25vw;
		font-size: 2.5vw;
		top: 10px;
		right: 0px;
	}
}

.title-modul {
	width: 48%;
	line-height: 1.4;
	margin-top: 30px;
	margin-bottom: 30px;
	float: right;
}

@media (max-width: 1024px) {
	.title-modul {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.title-modul {
		width: 100%;
		padding: 0 10px;
	}
}

.col-modul {
	width: 100%;
}

.col-modul .col-3{
	width: 20%;
	float: left;
	text-align: center;
}

@media (max-width: 767px) {
	.col-modul .col-3 {
		width: 50%;	
	}
}

.col-modul .col-3 img{
	width: 130px;
	background-color: #fac110;
	border-radius: 20px 0px 20px 0;
}

@media (max-width: 1024px) {
	.col-modul .col-3 img {
		width: 120px;
	}
}

@media (max-width: 767px) {
	.col-modul .col-3 img {
		width: 150px;
	}
}

.col-modul .col-3 p{
	font-size: 20px;
	color: #333;
	margin-top: 10px;
}

@media (max-width: 1024px) {
	.col-modul .col-3 p {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.col-modul .col-3 p {
		font-size: 16px;
		margin-top: 0;
	}
}

.col-modul .col-3 a{
	text-decoration: none;
}

.modul-info {
	margin-top: 60px !important;
}

@media (max-width: 767px) {
	.modul-info {
		margin-top: 20px !important;
	}
}

.page-2 {
	margin: 20px 0;
	color: #333;
}

.has-error.form-group {
	color: red;
}

.col-startseite-banner { 
	width:100%;
}

/*.col-startseite-banner {
	background-image: url("/images/Quint-Startseite.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 600px;
}

@media (max-width: 767px) {
	.col-startseite-banner {
		background-image: url("/images/Quint-Banner-Startseite-Mobil.jpg");
		background-repeat: no-repeat;
		background-size: 100%;
	}
}*/

.img-banner p {
	position: absolute;
	top: 100px;
	right: 150px;
	text-align: center;
	color: #fff;
	font-size: 1.5vw;
	font-weight: 600;
	text-transform: uppercase;
	font-family: Sophia;
}

.breadcrumbs {
	list-style: none;
}

.breadcrumbs li {
	float: left;
	padding: 5px 7px;
	background-color: #999;
	margin-right: 2px;
	
}

.breadcrumbs a {
	color: #fff !important;
	text-decoration: none;
}

.col-6 .small-col {
	width: 60%;
	float: right;
}

/* Kontakt */

.ueber-uns {
	width: 100%;
	margin-top: 15px;
}

.ueber-uns .ueber-gf {
	width: 30%;
	float: left;
	margin: 0 5%;
}

.ueber-uns .ueber-gf p {
	color: #333;
	margin-top: 10px;
	text-align: left !important;
}

.ueber-uns .ueber-gf i {
	font-size: 15px !important;
}

.ueber-uns .ueber-gf a {
	color: #afca0d;
}

.ueber-uns .ueber-gf:first-child {
	margin: 0;
}

.ueber-uns .ueber-gf:last-child {
	margin: 0;
}

@media(max-width: 1200px) {
	.ueber-uns .ueber-gf {

	
	}
}

/* Handy drehen */

.phone {
  height: 50px;
  width: 100px;
  border: 3px solid black;
  border-radius: 10px;
  animation: rotate 1.5s ease-in-out infinite alternate;
  display: none;
  margin-left: 30px;
}

.message {
  color: black;
  font-size: 1em;
  margin-top: 40px;
  display: none;
}

@keyframes rotate {
  0% {
		transform: rotate(0deg)
	}
	50% {
		transform: rotate(-90deg)
	}
	100% {
		transform: rotate(-90deg)
	}
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
  .phone, .message {
    display: block;
  }
}


.rotate-responsive {
	position: relative;
}

.rotate-responsive .rotate-position {
	position: absolute;
	right: 50%;
	margin-right: -90px;
	top: 60px;
}

/* Text Slider */

#slider,  #slider .slide{
  width: 600px;
}

@media(max-width: 1200px) {
	#slider,  #slider .slide{
	  width: 450px;
	}
}

@media(max-width: 1000px) {
	#slider,  #slider .slide{
	  width: 350px;
	}
}

@media(max-width: 768px) {
	#slider,  #slider .slide{
	  width: 340px;
	  margin-left: 0 !important;
	}
}


#slider {
  overflow: hidden;
  font-size: 1.2em;
  

}
#slider .container {
  position: relative;
  width: 9000px; /* Assign an insanely large width */
  top: 0;
  right: 0;
  animation: slide-animation 25s infinite;
}
#slider .slide {
  position: relative;
  float: left;
  box-sizing: border-box;
}

.txt-slider {
	position: absolute;
	margin-top: 30px;
}

@media(max-width: 768px) {
	.txt-slider {
		display: none;
	}
}

/* [ANIMATION] */
@keyframes slide-animation {
  0% { 
    opacity: 0;
    right: 0;
  }
  11% {
    opacity: 1;
    right: 0; 
  }
  22% { right: 100%; }
  33% { right: 100%; }
  44% { right: 200%; }
  55% { right: 200%; }
  66% { right: 300%; }
  77% { right: 300%; }
  88% {
    opacity: 1;
    right: 400%; 
  }
  100% {
    opacity: 0;
    right: 400%;
  }
}

.txt-btn {
	background-color: #03bbed;
	padding: 10px;
	color: #fff;
	margin-top: 10px;
}

@media (max-width: 768px) {
	.txt-btn {
	padding: 20px !important;
	margin-top: 10px;
	}
}

.txt-btn-2 {
	background-color: #afca0d;
	padding: 10px;
	color: #fff;
	margin-top: 10px;
}

@media (max-width: 768px) {
	.txt-btn-2 {
	padding: 20px !important;
	}
}

.kontakt-info {
	width: 100%;
	margin-top: 30px;
}

.kontakt-info .col-4 {
	width: 33%;
	float: left;
	margin-top: 20px;
	margin-right: 30px;
}

@media(max-width: 768px) {
	.kontakt-info .col-4 {
		width: 50%;
	}
}

.title-left {
	margin: -52px 0 30px 0;
}

@media(max-width: 768px) {
	.title-left {
		margin: 0 0 20px 0;
	}
}

/* Bildergalerie */

.bg-col-3 {
	display: block;
	height: 250px;
	float: left;
	width: 100%;
	background: transparent;
	/* background-repeat: no-repeat; */
	background-size: cover;
	background-position: center;
	max-width: 500px;
}

@media(max-width: 1550px) {
	.bg-col-3 {
		height: 200px;
	}
}

@media(max-width: 1280px) {
	.bg-col-3 {
		height: 180px;
	}
}

@media(max-width: 1280px) {
	.bg-col-3 {
		height: 180px;
	}
}

@media(max-width: 1150px) {
	.bg-col-3 {
		height: 160px;
	}
}

/*
@media only screen and (max-width : 768px) {
	.bg-col-3{
		display: block;
		height: 200px;
		float: left;
		width: calc(50% - 20px);
		margin: 10px;
		background: transparent;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		}
}
*/
@media(max-width: 768px) {
	#footbar {
		display: none;
	}
}

.position-button-2 {
	position: absolute;
	padding:13px;
	font-size: 12px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
	text-align: center;
	left: 92px;
	top: -485px;
	border-radius: 100px;
	transform: rotate(-10deg);
	width: 150px;
	height: 150px;
}

@media(max-width:1200px) {
	.position-button-2 {
		top: -255px;
		transform: rotate(-10deg);
		right: 550px;
	}
}

@media(max-width:1000px) {
	.position-button-2 {
		top: -500px;
		transform: rotate(-10deg);
		right: 450px;
	}
}

@media(max-width:768px) {
	.position-button-2 {
		display: none;
	}
}

/* NEU */
@media(min-width: 1660px) {
	.main-container {
		max-width: 1660px;
		margin: auto;
		position: relative;
		height: 100%;
	}
	.screen-flex {
		display: flex;
		flex-direction: column;
		position: relative;
		left: 0;
		width: 75%;
		height: 100%;
	}
	.container-flex {
		display: flex;
		flex-direction: column;
		position: absolute;
		right: 0;
		width: 25%;
		height: calc(100% - 55px);
		max-width: 540px;
		background: #fff;
		top: 0;
	}
}

@media(max-width: 1110px) {
	.screen-flex {
		width: 100% !important;
	}
	.container-flex {
		z-index: 100;
		top: 120px !important;
		height: calc(100% - 120px) !important;
	}
}


.top-panel {
	height: 120px;
	border-bottom: 2px solid #eee;
}

.top-panel-logo {
	display: flex;
	justify-content: center;
	position: relative;
	top: 20px;
}

@media(max-width: 840px) {
	.top-panel-logo {
		justify-content: left;
		left: 80px;
	}
}

@media(max-width: 500px) {
	.top-panel-logo {
		display: none !important;
	}
}

.top-panel-logo img {
	max-width: 145px;
}

.top-panel-price {
	display: flex;
	justify-content: right;
	position: fixed;
	top: 40px;
	right: 70px;
	font-size: 32px;
	color: #ffb80f;
	font-weight: 600;
	z-index: 1000;
}

.top-panel-kalkulation {
	display: flex;
	justify-content: right;
	font-size: 32px;
	color: #ffb80f;
	font-weight: 600;
	z-index: 1000;
	position: absolute;
	right: 30px;
	top: 30px;
	cursor: pointer;
	font-size: 22px;
}
.top-panel-kalkulation span {
	margin-right: 10px;
	font-size: 20px;
}

.top-panel-kalkulation a {
	text-align: right;
}

@media(max-width: 600px) {
	.top-panel-kalkulation.disable {
		display: none;
	}
}

@media(max-width: 1660px) {
	.container-flex {
	display: flex;
	flex-direction: column;
	position: fixed;
	right: 0;
	width: 25%;
	height: calc(100% - 130px);
	max-width: 540px;
	background: #fff;
	top: 120px;
	transition: all 500ms linear;
	}
}

@media(max-width: 1110px) {
	.container-flex {
		right: -340px !important;
		width: 340px !important;
	}
	.container-flex.active {
		right: 0 !important;
		transition: all 500ms linear;
		border-left: 2px solid #eee;
	}
}

.image-flex {
	display: flex;
	justify-content: center;
	margin: 20px;
	opacity: 0.3;
	cursor: pointer;
}

.image-flex.active {
	opacity: 1;
}

.image-flex:last-child {
	margin-bottom: 0 !important;
}


@media(max-width: 1660px) {
	.screen-flex {
		display: flex;
		flex-direction: column;
		position: relative;
		left: 0;
		width: 75%;
		height: 100%;
	}
}
.screen-flex .bg-image {
	display: block;
	height: 72%;
	float: left;
	width: 100%;
	background: transparent;
	/* background-repeat: no-repeat; */
	background-size: cover;
	background-position: center;
}

.container-flex h3 {
	margin: 20px;
}

.container-flex .num-box {
	background: #ffb80f;
	padding: 2px 12px;
	color: #fff;
	margin-right: 15px;
	float: left;
}

#top-panel-price::after {
	content: " €";
}

.top-panel-price .icon-home {
	display: none;	
}

@media(max-width: 1110px) {
	.top-panel-price .icon-home {
		display: inline-block;
		margin-right: 10px;
		font-size: 28px;
		margin-top: 2px;
	}
	.top-panel-price {
		right: 40px !important;
	}
}

@media(max-width: 600px) {
	.top-panel-price.disable {
		display:none;
	}
}
.container-inner-flex {
	height: 85%;
	overflow-x: hidden;
	overflow-y: scroll;
	display: none;
}

@media(min-width: 1660px) {
	.container-inner-flex {
		height: 85%;
	}
}

.container-inner-flex.active {
	display: block;
}

.form-button {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 20px;
}

.form-button .button {
	width: 100%;
	border: unset !important;
	padding: 10px;
	font-size: 18px;
	background: #ffb80f;
	color: #fff;
	max-width: 500px;
	text-align: center;
	cursor: pointer;
}

.form-button .button.zurueck {
	background-color: darkgrey;
}

.screen-inner-flex-images .bg-images {
	width: 100%;
	display: block;
	flex-direction: row;
	justify-content: center;
}

.bg-col-images {
	display: block;
	background: transparent;
	/* background-repeat: no-repeat; */
	background-size: cover;
	background-position: center;
	margin: 10px;
	max-width: 350px;
	cursor: pointer;
}

.bg-images {
	display: flex;
}

.screen-image {
	text-align: center;
}

.screen-image img {
	max-width: 1440px;
}

.screen-flex h2:before {
	content: "Designhaus ";
	text-transform: uppercase;
	font-size: 20px;
	
}

.screen-flex h2 {
	font-size: 26px;
	text-transform: uppercase;
}

@media(max-width: 1040px) {
	#sidebar .toggle-btn {
		top:30px;
	}
}


.single-hs-item {
	max-width: 100%;
	height: 750px;
	background: transparent;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

@media(max-width: 1660px) {
	.single-hs-item {
		height: 602px;
	}
}

@media(max-width: 1360px) {
	.single-hs-item {
		height: 483px;
	}
}

@media(max-width: 1110px) {
	.single-hs-item {
		height: 620px;
	}
	.owl-prev,
	.owl-next {
		display:none !important;
	}
}

@media(max-width: 840px) {
	.single-hs-item {
		height: 470px;
	}
}

@media(max-width: 500px) {
	.single-hs-item {
		height: 300px;
	}
}

.owl-stage {
	display: flex;
	flex-direction: row;
}

.owl-prev, .owl-next {
	position: absolute;
	top: calc(50% - 20px);
	background: transparent;
	color: yellow;	
	border: 1px solid yellow;
	border-radius: 50%;
	width: 55px; height: 55px;
	transition: all 400ms ease-in-out;
}

.owl-prev .fa {
		font-size: 50px;
		position: relative;
	}

.owl-prev:hover, .owl-prev:active, .owl-prev:focus {
		background: yellow;
		color: #000;
		outline: none;
}

.owl-prev {
	left: 30px;
}

.owl-prev .fa {
		right: 2px;
	}

.owl-next {
	right: 30px;
}

.owl-next .fa {
	left: 2px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
	background: #fff;
	border-radius: 30px;
}

.owl-prev span,
.owl-next span {
	font-size: 40px;
	line-height: 2.5rem;
}

.owl-next span {
	margin-left: 5px;
}

.owl-prev span {
	margin: 0;
}

.inputfelder {
	margin: 10px 20px;
	display: flex;
	flex-direction: row;
	position: relative;
}

.inputfelder label {
	font-size: 18px;
	font-weight: 400;
	margin-left: 30px;
	cursor: pointer;
	margin-top: 14px;
}

input.larger {
	width: 20px;
	height: 20px;
	margin-right: 20px;
}

.blogfelder {
	margin-bottom: 40px;
}

@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 7px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 30px;
	min-width: 30px;
	min-height: 30px;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 10;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #cbd1d8;
}
.option-input:checked::before {
  height: 30px;
  width: 30px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 30px;
  /*color: #ffb80f;*/
	color: #333;
}
.option-input:checked::after {
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 5;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}

.blogfinanzen {
	margin: 20px;
}

.blogfelder.blogfinanzen h4{
	margin-top: 30px;
	font-size: 20px;
}

.blogfelder.blogfinanzen .inputfelder{
	margin: 10px 0 !important;
}

.option-input-text {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  width: 35%;
	text-align: center;
  background: #cbd1d8;
  border: none;
  /*color: #ffb80f;*/
	color: #333;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 10;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 600;
	min-width: 110px;
}

.screen-innter-txt-container {
	margin: 0 20px 20px 20px;
}

.top-panel {
	position: relative;
	top: 0px;
	left: 0;
	z-index: 100;
	width: 100%;
	background: #fff;
	min-height: 120px;
}

.button.zurueck {
	margin-right: 10px;
}

.kalkulation {
	text-align: right;
	margin: 20px;
	font-size: 18px;
}

.kalkulation .inner_kalkulation_preis {
	color: #ffb80f;
	font-size: 30px;
	font-weight: 600;
}

.kalkulation .inner_kalkulation_preis:after {
		content: " €";
}

.kalkulation {
	display: none;
}

.kalkulation-inner-flex .kalkulation{
	display: block !important;
}


@media(max-width: 1660px) {
	.container-inner-flex.kalkulation-inner-flex {
		height: calc(85% - 135px) !important
	}
}

@media(min-width: 1660px) {
	.container-inner-flex.kalkulation-inner-flex {
		height: calc(85% - 135px) !important
	}
}

@media(max-width: 1230px) {
	#form-grundstueckpreis .inputfelder,
	#col-eigenkapital .inputfelder,
	#col-baufinanzierung .inputfelder {
		flex-direction: column;
	}
	#form-grundstueckpreis .inputfelder .option-input-text,
	#col-eigenkapital .inputfelder .option-input-text,
	#col-baufinanzierung .inputfelder .option-input-text {
		width: 100%;
	}
	#form-grundstueckpreis .inputfelder label,
	#col-eigenkapital .inputfelder label,
	#col-baufinanzierung .inputfelder label {
		display: flex;
		justify-content: end;
		margin: 10px 0 !important;
	}
	.blogfelder.blogfinanzen .h4-baufinanzierung {
		margin-top: 10px;
	}
	#form-grundstueckpreis {
		margin-bottom: -20px;
	}
}

.menu-panel-logo {
	display: none;
}

@media(max-width:500px) {
	.menu-panel-logo {
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 20px 0;
		text-align: center;
	}
	#sidebar img {
		max-width: 130px !important;
	}
}

#form-grundstueckpreis label,
#col-eigenkapital label,
#col-baufinanzierung label {
	margin-left: 10px !important;
}

.inputfelder .inputedit {
	font-size: 20px;
	margin: 10px 0px 0px 20px;
	cursor: pointer;
}

.editprice {
	margin-left: 10px !important;
}

.col-inputedit {
	display:none;
}

.inputinfo {
	font-size: 20px;
	margin: 10px 0px 0px 20px;
	cursor: pointer;
}

@media(max-width: 1660px) {
	.container-flex {
		height: calc(602px + 28.5px);
	}
}

@media(min-width: 1660px) {
	.container-flex {
		height: calc(750px + 55px);
	}
}