input[type=radio] {
	margin-top:0.4em;
}

.caption-with-icon {
	display: inline-table;
}
.caption-with-icon img, .caption-with-icon p {
	display: table-cell;
	vertical-align: middle;
}
.caption-with-icon img {
	max-width: 1.5em;
}

.cta-foto-banner {
	position: relative;
	margin-bottom: 1em;
}

.small-ifp-logo {
	max-width: 10.6em;
}

.cta-foto-banner h1 {
	color: #f29400;
	font-size: 1.8em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

.cta-foto-banner p {
	font-size: 1.15em;
}

.thema-arbeitsunfaehigkeit > div.bbody:before {
	background: url(../img/thema-arbeitsunfaehigkeit.jpg);
	background-position: center top;}

.thema-berufsunfaehigkeit > div.bbody:before {
	background: url(../img/thema-berufsunfaehigkeit.jpg);
	background-position: left top;}

.thema-hinterbliebenenschutz > div.bbody:before {
	background: url(../img/thema-hinterbliebenenschutz.jpg);
	background-position: center center;}

.thema-altersvorsorge > div.bbody:before {
	background: url(../img/thema-altersvorsorge.jpg);
	background-position: right center;}

.thema-einkommenssicherung > div.bbody:before {
	background: url(../img/thema-einkommenssicherung.jpg);
	background-position: center center;}

.thema-pflege > div.bbody:before {
	background: url(../img/thema-pflege.jpg);
	background-position: center center;}

.thema-gesundheitsversorgung > div.bbody:before {
	background: url(../img/thema-gesundheitsversorgung.jpg);
	background-position: 75% center;}

.thema-wohneigentum > div.bbody:before {
	background: url(../img/thema-wohneigentum.jpg);
	background-position: center center;}

.kunde-start > div.bbody:before {
	background: url(../img/kunde-start.jpg);
	background-position: center center;}

.berater-start > div.bbody:before {
	background: url(../img/consultant/berater-start.jpg);
	background-position: center center;}

.cta-foto-banner > div.bbody:before {
	background-size: cover;
	content: "";
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	height: 13em;
} 

.cta-foto-banner > div.bbody {
	margin-top: 13em;
}

.cta-foto-banner .first-col {
	visibility: hidden;
	height: 0;
}

.cta-foto-banner .trust-siegel {
	max-width: 12.5em;
}

.cta-foto-banner:after {
	width: 100%;
	height: 5px;
	background: url(../layout/trenner_folgeseite_01.png) top left repeat-x;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
}

/* sm */
@media (min-width: 768px) {
	.cta-foto-banner > div.bbody {
		margin-top: 20em;
	}
	.cta-foto-banner > div.bbody:before {
		top: 0;
		left: 0;
		width: 100%;
		height: 20em;
	} 
}

/* md */
@media (min-width: 992px) {
	.cta-foto-banner > div.bbody:before {

		top: 0;
		bottom: 0;
		width: calc(50% - 15px);
		height: 100%;
	} 
	
	.cta-foto-banner > div.bbody {
		margin-top: 0;
	}
}

/* ------- Integration von Fonts ------- */
html, body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;}
	
h1, h2, h3, h4 {
	font-family: 'Source Sans Pro', sans-serif;
	line-height:1.2;
	color: #999F9F;	}
h1 {
	font-size: 1.5rem;
	margin: 2rem 0 1.5rem 0;
	display: block;}
#start-header h1 {
	font-size: 1.75rem;
}
h2 {
	font-size: 1.3rem;
	margin: 2rem 0 1rem 0; 
	display: block;}
h3 {
	font-size: 1.3rem;
	margin: 1.5rem 0;
	display: block;}
h4 {
	font-size: 1rem;
	color: #FFF;}
p {
	margin: 0 0 1.0rem 0;
	color: #999F9F;}
a {
	color: #F29400;
	word-wrap: break-word;}
a:hover,
a:focus {
	color: #F29400;
	text-decoration: underline;
	transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s;}
ul > li, ol > li {
	color: #999F9F;}
label {
	color:#999F9F;
	font-weight:normal; }

img.scaledImg, .scaledImg>img {
	max-width:100%; 
	height: auto;
	display: inline-block;
}

iframe.video {
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.24);
	-ms-box-shadow: 0 0 6px rgba(0,0,0,0.24);
	box-shadow: 0 0 6px rgba(0,0,0,0.24);
	width: 282px; 
	height: 159px;
}

#start-header a {
	display: inline-block;
}

.themen-head h1 {
	color: #f29400;
	font-size: 1.8em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

.themen-head p {
	font-size: 1.15em;
}

.bekannt-aus {
	background: #626262;
	text-align: center;
}

.bekannt-aus h2 {
	color: #fff;
	margin: 1em 0 0;
}

.bekannt-aus .row .col-xs-6 {
	padding: 0 2em 1em;
	max-width: 100%;
}
	
.container {
	padding: 0 30px;}
.nondisplay {
    opacity:0.5;}
.display {
    opacity:1;}

.btn-flat-orange {
	margin: 10px 0;
	display: inline-block;
	min-height: 45px;
	background: #f29400;
	padding: 15px 25px;
	font-size: 1.3rem;
}

.btn-flat-orange a, 
.btn-flat-orange:hover a {
	color: #fff;
	text-decoration: none;
}

.btn-flat-orange:hover {
	opacity: 0.9;
}

/* Button: Situationsanalyse starten */
.btn-analyse {
	margin: 10px 0;
	width: auto;
	min-height: 45px;
	background: rgb(152,180,224); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(152,180,224,1) 0%, rgba(113,150,212,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(152,180,224,1)), color-stop(100%,rgba(113,150,212,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(152,180,224,1) 0%,rgba(113,150,212,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(152,180,224,1) 0%,rgba(113,150,212,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(152,180,224,1) 0%,rgba(113,150,212,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(152,180,224,1) 0%,rgba(113,150,212,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98b4e0', endColorstr='#7196d4',GradientType=0 ); /* IE6-9 */
	border: 1px solid #7599D5;
	border-radius: 5px;
	padding: 9px 15px;
	font-size: 0.818rem;
	font-weight: bold;
	color: #FFFFFF;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.24);
	-ms-box-shadow: 0 0 6px rgba(0,0,0,0.24);
	box-shadow: 0 0 6px rgba(0,0,0,0.24);
	white-space: normal;}
.btn-analyse:hover,
.btn-analyse:focus {
	background: rgb(87,131,204);
	background: -moz-linear-gradient(top,  rgba(87,131,204,1) 0%, rgba(112,147,204,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,131,204,1)), color-stop(100%,rgba(112,147,204,1)));
	background: -webkit-linear-gradient(top,  rgba(87,131,204,1) 0%,rgba(112,147,204,1) 100%);
	background: -o-linear-gradient(top,  rgba(87,131,204,1) 0%,rgba(112,147,204,1) 100%);
	background: -ms-linear-gradient(top,  rgba(87,131,204,1) 0%,rgba(112,147,204,1) 100%);
	background: linear-gradient(to bottom,  rgba(87,131,204,1) 0%,rgba(112,147,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5783cc', endColorstr='#7093cc',GradientType=0 );
	border: 1px solid #5783CC;
	color: #FFFFFF;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;}
.btn-analyse > img {
	margin: -3px 10px 0 0;}

.large.btn-analyse {
	font-size: 1rem;
}

/* Button: Orange */	
.btn-orange {
	margin: 0 0 30px 0;
	border: 0px solid;
	background: #F29400;
	padding: 5px 15px;
	font-size: 0.818rem;
	color: #FFF;
	text-shadow: none;}
.btn-orange:hover,
.btn-orange:focus {
	background: #D78100;
	color: #FFF;}

/* ------- Navigationen ------- */
/* Topnav */
#topnavigation {
	width: 100%;
	background: url(../layout/bg_topnav_01.png) left repeat-x;}
#topnavigation > .container {
	padding-right: 0.5em;}
#topnavigation > .container > .topnav {
	float: right;
	padding: 9px 0;}
#topnavigation > .container > .topnav > ul {
	list-style-type: none;}
#topnavigation > .container > .topnav > ul > li {
	float: left;
	border-right: 1px solid #595959;
	border-left: 1px solid #858585;
	padding: 0 10px;
	font-size: 0.75em;}
#topnavigation > .container > .topnav > ul > li:first-child {
	border-left: 0px solid;
	padding: 0 10px 0 0;}
#topnavigation > .container > .topnav > ul > li:last-child {
	border-right: 0px solid;
	padding: 0 0 0 10px;}
#topnavigation > .container > .topnav > ul > li > a {
	color: #FFF;
	text-shadow: -1px -1px rgba(0,0,0,0.2);}
#topnavigation > .container > .topnav > ul > li.active > a {
	text-decoration: underline;}
/* Mainnav */
@media print {
	#navigation {
		position:inherit !important;
		height:inherit !important;
	}
}
#navigation {
	margin: 0;
	width: 100%;
	height: 100px;	
	background: #FFF;
	border: 0px solid;
	border-radius: 0;
	z-index:101; }
.is-sticky > #navigation {
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25);
	-ms-box-shadow: 0 0 10px rgba(0,0,0,0.25);
	box-shadow: 0 0 10px rgba(0,0,0,0.25);}
#navigation > .container > .navbar-header > a.navbar-brand {
	margin: 0;
	padding: 12px 0;}
#navigation > .container > .navbar-collapse {
	padding: 0;}
#navigation > .container > .navbar-collapse > .navbar-nav {
	float: right;
	margin: 42px 0;}
#navigation > .container > .navbar-collapse > .navbar-nav > li > a {
	padding: 0 25px;
	color: #999F9F;}
#navigation > .container > .navbar-collapse > .navbar-nav > li > a:hover,
#navigation > .container > .navbar-collapse > .navbar-nav > li > a:focus,
#navigation > .container > .navbar-collapse > .navbar-nav > li.active > a {
	background: none;
	color: #F29400;}
#navigation > .container > .navbar-collapse > .navbar-nav > li:first-child > a {
	padding: 0 25px 0 0;}
#navigation > .container > .navbar-collapse > .navbar-nav > li:last-child > a {
	padding: 0 0 0 25px;}

.preismodell {
	display: inline-table;
	width: 100%;
}
.preismodell>.lizenz {
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(236,236,236,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}
.preismodell>.lizenz, .preismodell>.preis {
	width: 100%;
	display: block;
	vertical-align: top;
}
.preismodell>.lizenz, .preismodell.zusatz {
	padding: 2rem 1rem 0;
}
.preismodell>.lizenz p {
	font-size: 1.3rem;
}
.preismodell>.preis {
	background: #7196d4;
	text-align: center;
	padding: 0.75rem;
}
.preismodell>.preis div.large {
	font-size: 2.4em;
	display: inline-block;
	
	margin-bottom: 0;
	position: relative;
}
.preismodell>.preis div {
	font-size: 1em;
	color: #fff;
	
}
.preismodell>.preis div.cross-out {
	text-decoration: line-through;
	margin: 0;
	font-size: 1.5em;
	line-height: 1em;
}
.preismodell>.preis div.preisvorteil {
	background: #fff;
	border-radius: 5px;
	color: #7196b4;
	padding: 0.1em 0.3em;
	position: absolute;
	top: 0.3em;
	right: -3.5em;
	font-size: 0.8rem;
	font-weight: bold;
}

.navigator-sidebox ul {
	padding-left:0;
}
.navigator-sidebox ol {
	padding-left:1.5em;
}
.navigator-sidebox li {
	background:white;
	margin-bottom:1px;
}
.navigator-sidebox ul li {
	list-style-type:none;
	display:block;
}
.navigator-sidebox ol li a {
	padding:0.25em 0.6em 0.25em 0;
	color:#999F9F;
}
.navigator-sidebox ul li a {
	display:block;
	padding:0.25em 0.6em;
	color:#999F9F;
}
.navigator-sidebox li a:hover {
	color:#EFA42D;
	text-decoration:none;
}
.navigator-sidebox li.active a {
	color:#F29400;
}

/* ---- Headerbild --- */
/* Anpassung des Headerbildes auf der Startseite */	
#headerimage {
	clear: both;
	position: relative;}
#headerimage > .imagesection {
	margin: 0;
	width: 100%;
	height: 540px;
	overflow: hidden;}
#headerimage > .imagesection > img {
	width: 100%;
	margin-top: -2em;}
/* Bildbeschreibung - Text rechts */
#headerimage > .imagesection > .imagecaption {
	position: absolute;
	width: 100%;
	top: 11.75em;
	bottom:	auto;
	left: auto;
	background: none;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=1);
	font-size: 1.455rem;
	color: #FFF;
	text-align: right;
	text-shadow: 0 0 14px rgba(0,0,0,1);}
	
.consultant#headerimage > .imagesection > .imagecaption {
	top: 13em;}

/* Bildrahmen am Ende des Headerimages */
.headerborder {
	display: block;
	width: 100%;
	height: 25px;
	background: url(../layout/bg_slider_01.png) left repeat-x;}
	
/* Call-to-Action-Box im Imageslider */
#call-to-action {
	position: absolute;
	z-index: 10;
	width: 100%;
	top: 5px;}
#call-to-action > .container > .row > .col-md-4 {
	width: 430px;
	height: 530px;
	background: rgba(255,255,255,0.9);
	padding: 20px 30px;}
#call-to-action h2 {
	margin: 0 0 0 1.3em;
	font-size: 1em;}
#call-to-action h2 > span.hausfarbe {
	color: #F29400;}
p.smalltext {
	margin: 0;
	font-size: 0.727rem;
	color: #999F9F;}
/* Box mit Auflistung der Vorteile von Finatra, sowie dem Button zum starten */
#call-to-action > .container > .row > .col-md-4 > .box-calltoaction {
	margin: 1em 0;
	background: url(../layout/bg_calltoaction_01.png) #F29400 top left repeat-x;
	border-radius: 0.25em;
	padding: 1em;}
#call-to-action > .container > .row > .col-md-4 > .box-calltoaction > ul {
	margin: 0;
	padding: 0 0 0 1.75em;
	position: relative;}
#call-to-action > .container > .row > .col-md-4 > .box-calltoaction > ul > li {
	margin: 0 0 0.5em -1.9em;
	color: #FFFFFF;
	list-style-type: none;}	
ul li.lg-sichern:before,
ul li.verm-schuetzen:before,
ul li.verm-bilden:before {
	content: " ";
	height: 2.1em;
	width: 2.5em;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;}
ul li.lg-sichern,
ul li.verm-schuetzen,
ul li.verm-bilden {
	min-height: 2.5em;
	padding-left: 2.5em;
	padding-top: 0.25em;
	position: relative;
}
ul li.lg-sichern:before {
	background: url(../layout/img/lg-sichern.png) no-repeat;}
ul li.verm-schuetzen:before {
	background: url(../layout/img/verm-schuetzen.png) no-repeat;}
ul li.verm-bilden:before {
	background: url(../layout/img/verm-bilden.png) no-repeat;}
#call-to-action p.teaser {
	margin: 0.5em 0 0;
	color: #fff;}
#call-to-action > .container > .row > .col-md-4 > p {
	margin-left: 1.3em;
}
#call-to-action > .container > .row > .col-md-4 > a {
	padding: 0.25em 0 0.5em;
}
#call-to-action > .container > .row > .col-md-4 > a > img {
	margin: 0 1em;
}


/* Call-to-Action-Box: Situationsanalyse-Button */
.box-calltoaction .btn-analyse {
	width: 100% !important;}
/* Call-to-Action-Box: SSL-Verschlüsselung */
.ssl {
	font-size: 0.727rem;
	color: #FFFFFF;}
.ssl > img {
	margin: -5px 10px 0;}
	
/* ------- Content ------- */
.start {
	padding: 3em 0;
}

.box-weiss {
	padding: 1.5em 0;
}

.box-weiss h2 {
	color: #f29400;
}

/* Inhaltselement mit grauen Verlauf als Hintergrund */
.box-verlaufgrau {
	position: relative;
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(236,236,236,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	padding: 1.5em 0;}
.box-verlaufgrau .container > .row > .col-md-12 > .adaptiverow {
		margin: 2.5em 0;}

/*G1-Icon-Box */
.g1icon-box {
	margin: 0 0 1.25rem 0;
	text-align:center;
}
.g1icon-box a {
	display:block;
	text-decoration:none; }
.g1icon-box p {
	padding: 0 1.5em; }
.g1icon-box.hover:hover div.icon,
.g1icon-box.hover:focus div.icon {
	background-position:0 100%;
}	
.g1icon-box.blue-box div.box {
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(236,236,236,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	border-bottom: 5px solid #779BD6;
	padding: 1.75em 1.5em;
	cursor: cursor; 
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s; }
.g1icon-box.blue-box .box > div:first-child {
	margin-bottom: 1.75em; }
.g1icon-box.blue-box .box .icon {
	margin: 0 auto; }
.g1icon-box.blue-box.hover:hover div.box,
.g1icon-box.blue-box.hover:focus div.box {
	background: #779BD6;
	border-bottom: 5px solid #ECECEC;}
.g1icon-box.blue-box.hover:hover p,
.g1icon-box.blue-box.hover:focus p {
	color:#FFFFFF; }
	
.g1icon-box.blue-box.icon-background .box > div:first-child {
	background: #779BD6;
	border-radius: 50%;
	padding: 0.7em;
	display: inline-block;
}	
	
.g1icon-box.box_beratung .icon {
	margin: 0 auto 1em;
}
.g1icon-box.box_beratung p {
	padding: 0;
}

.blue-box h4 {
	color: #999f9f;
	font-size: 1.3em;
	margin-bottom: 1em;
}

.blue-box a {
	color: #7196d4;
}

.g1icon-box.arrow .icon {
	margin: 4em auto 0;
}

/* Headline in Box mit orangem Hintergrund und weißen Inhaltsbereich */
.box-diagonalorange h1 {
	color:white;
}
.box-diagonalorange h2 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
}

.box-diagonalorange {
	padding: 1.5em 0;
}
.box-diagonalorange {
	position: relative;
	background: url(../layout/bg_box-diagonalorange_01.png) #F29400 top left repeat-x;
	padding: 0.5em 0;}
.box-diagonalorange a {
	color:white;
}
.box-diagonalorange p {
	color:white;
}

div.box-diagonalorange ul {
	margin: 0;
	padding: 0;
}
.box-diagonalorange li {
	color: #FFFFFF;
	text-shadow: -1px -1px 0 rgba(184,109,0,0.5); 
	font-size: 1.3em;
	list-style: none;
	background: url(../layout/icon_check_01.png) no-repeat;
	padding: 0 1.4em;
	background-position: 0 6px;
	display: inline-block;}
.box-diagonalorange > .bbody > .container {
	padding: 20px 30px;
}
.box-diagonalorange > .bbody > .container > .row > .col-md-12 > ul {
	float: right;
	margin: 0 -35px 22px 0;}
/* Text-Bildumfluss auf Startseite */
.g1article p {
	/*text-align: justify;*/
	}
.g1article ul {
	display:table;
	padding:0 0 1em 1em;}
.g1article ol {
	display:table;
	padding:0 0 0 1.3em;}
.g1article ol ul {
	list-style-type:disc;
	padding-bottom:0;
}
.g1article .white-img-frame {
	width: 100%;
	background: #fff;
	margin: 2em 0;
	padding: 4px;
	border: 1px solid #e3e3e3;}
.g1article .white-img-frame img {
	margin: 0 auto;}
.float-left img, .float-right img {
	width:100%;
	max-width:100%; }
.zwischenfazit .g1article {
	clear: both;
	background: #fff;
	padding: 1.5em;
}

/* --- Inhaltsbereich: Kundenstimmen/-rezisionen --- */	
/* allgemeine Anpassungen der Kundenstimmen (vier Blöcke) */
.kundenstimmen-frame {
	padding: 3em 0 1.5em 0;
}
.kundenstimme {
	margin-top: 0.5em;
	margin-bottom: 0.5em;}
.kundenstimme div {
	position: relative;
	background: #FFFFFF;
	border-bottom: 5px solid #F29400;
	padding: 1.5em 1em 1em;
	min-height: 16.5em;}
.kundenstimme p {
	margin: 0.5em 1em;
}
	
.siegel-registrierter-finanzberater {
	margin: 1.5em 0 1em;
}

.siegel-registrierter-finanzberater img {
	margin: 0 auto;
}

.cta-box-finatra, .cta-to-box  {
	border-bottom: 4px solid #7196d4;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.24);
	-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.24);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.24);
	padding-bottom: 1em;
}
.cta-box-finatra div {
	margin: 1em 0;
	background: url(../layout/bg_calltoaction_01.png) #F29400 top left repeat-x;
	padding: 1em;}

.cta-to-box {
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(236,236,236,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(236,236,236,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(236,236,236,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}

.cta-box-finatra ul {
	margin: 0.5em auto;
	display: inline-block;
	padding: 0;
}

.cta-box-finatra li {
	color: #fff;
	text-align: left;
	list-style-type: none;
	margin: 0.25em 0;
}

.cta-to-box h3 {
	color: #7196d4;
	font-size: 1em;
	min-height: 3em;
	margin: 1.5em 0 0;
	padding: 0 1em;
}

a.link-topic {
	color: #7196d4;
	display: block;
}

/* --- Inhaltsbereich: Ablaufdiagramm --- */
/* allgemeine Anpassung (.step1 = mit dunklem Verlauf, .step2 = mit hellerm Verlauf) */
.box-ablaufdiagramm {
	position: relative;
	background: #FFFFFF;
	padding: 1em 0;}
.box-ablaufdiagramm .col-md-12 {
	margin: 25px 0 0 0;}
.box-ablaufdiagramm h2 {
	color: #999f9f;
	margin-top: 0;}
.box-ablaufdiagramm .step1,
.box-ablaufdiagramm .step2 {
	float: left;
	width: 25%;
	border: 1px solid #FFF;
	padding: 35px;
	position: relative;}
.box-ablaufdiagramm .step1 {
	background: rgb(152,180,224);
	background: -moz-linear-gradient(top,  rgba(152,180,224,1) 0%, rgba(114,151,212,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(152,180,224,1)), color-stop(100%,rgba(114,151,212,1)));
	background: -webkit-linear-gradient(top,  rgba(152,180,224,1) 0%,rgba(114,151,212,1) 100%);
	background: -o-linear-gradient(top,  rgba(152,180,224,1) 0%,rgba(114,151,212,1) 100%);
	background: -ms-linear-gradient(top,  rgba(152,180,224,1) 0%,rgba(114,151,212,1) 100%);
	background: linear-gradient(to bottom,  rgba(152,180,224,1) 0%,rgba(114,151,212,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98b4e0', endColorstr='#7297d4',GradientType=0 );}
.box-ablaufdiagramm .step2 {
	background: rgb(171,193,231);
	background: -moz-linear-gradient(top,  rgba(171,193,231,1) 0%, rgba(151,180,224,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(171,193,231,1)), color-stop(100%,rgba(151,180,224,1)));
	background: -webkit-linear-gradient(top,  rgba(171,193,231,1) 0%,rgba(151,180,224,1) 100%);
	background: -o-linear-gradient(top,  rgba(171,193,231,1) 0%,rgba(151,180,224,1) 100%);
	background: -ms-linear-gradient(top,  rgba(171,193,231,1) 0%,rgba(151,180,224,1) 100%);
	background: linear-gradient(to bottom,  rgba(171,193,231,1) 0%,rgba(151,180,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abc1e7', endColorstr='#97b4e0',GradientType=0 );}
.box-ablaufdiagramm .step1 > .pfeil1 > img,
.box-ablaufdiagramm .step2 > .pfeil2 > img {
	position: absolute;
	top: 0.5em;
	right: -1.5em;
	z-index:1;}
.box-ablaufdiagramm .step1 > img,
.box-ablaufdiagramm .step2 > img,
.box-ablaufdiagramm .step1 > a > img,
.box-ablaufdiagramm .step2 > a > img {
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.35);
	-ms-box-shadow: 0 0 6px rgba(0,0,0,0.35);
	box-shadow: 0 0 6px rgba(0,0,0,0.35);}
.box-testen {
	text-align: center;
}

.counter-banner {
	text-align: center;
}

.counter-text {
	color: #48638b;
	font-size: 1.3rem;
	display: inline-block;
	vertical-align: middle;
	line-height: 2rem;
}
.counter {
	background: #48638b;
	display: inline-block;
	border-radius: 5px;
	width: 2rem;
	color: #fff;
	font-size: 2rem;
	vertical-align: middle;
	text-align: center;
	line-height: 2.8rem;
	padding-bottom: 0.2em;
}
.counter-teaser {
	color: #f29400;
	font-size: 1.3rem;
	display: inline-block;
}

.shariff ul {
	justify-content: center;
}
.shariff li {
	min-width:0 !important;
}

.advertorial {
	position: relative;
}
.advertorial-description {
	text-align: left;
	margin-left: 3em;
	margin-top: 1em;
}
.advertorial-screenshot {
	width: 200px;
	max-width: 100%;
	height: auto;
}
.advertorial-detail {
	position: absolute;
	top: 0.5em;
	left: 0;
	-webkit-box-shadow: 0 0 4px 4px #fff;
	-ms-box-shadow: 0 0 4px 4px #fff;
	box-shadow: 0 0 4px 4px #fff;
	border-radius: 50%;
}

/* --- browserspezifische Anpassungen --- */
/* Anpassung für Safari */
::i-block-chrome, .pfeil1 img,
::i-block-chrome, .pfeil2 img {
	margin: 0 0 0 240px !important}
/* Anpassung für Internet Explorer */
_:-ms-input-placeholder, .box-ablaufdiagramm .pfeil1 img,
_:-ms-input-placeholder, .box-ablaufdiagramm .pfeil2 img {
	margin: 0px 0 0 241px !important}
_:-ms-input-placeholder, .box-ablaufdiagramm .pfeil2 img {
	margin-left: 240px !important}
	
/* BOX: */
.box-verlaufgrau .box2 {
	background: url(../layout/bg_box2_01.png) #F29400 top left repeat-x;
	border-bottom: 5px solid #FFF;
	padding: 9px 20px;
	text-shadow: -1px -1px 0 rgba(184,109,0,0.5);}
.box-verlaufgrau .box2 h3 {
	color:white;
}
.box-verlaufgrau .box2 > img {
	margin: 1em 0 0 0;}
.box-verlaufgrau .box2 > p {
	font-size: 0.818rem;
	color: #FFF;}
.box-verlaufgrau .box2 > .btn-default {
	margin: 1.15em 0;
	border: 0px solid;
	padding: 5px 15px;
	font-size: 0.818rem;
	color: #F39708;
	text-shadow: none;}

.btn-primary {
	font-size:1rem;
	border-width:0;
	padding:0.25em 1.5em;
	background-color:#F29400;
	color:#FFFFFF; }
.btn-primary:hover, .btn-primary:focus {
	background-color:#FFA518;
	color:#FFFFFF; }
.form-horizontal .control-label {
	text-align:left; }
.form-control {
	font-size:1rem;
	padding-top:2px;
	padding-bottom:2px; }
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	padding-top:0.15em; }
select.form-control {
	padding-top:1px;
	padding-bottom:1px; }
	
.footnote {
	font-size: 77%;
	max-width: 245px;
}

.center {
	text-align: center;}
.center img {
	display: inline-block;}


.screenshots-with-text h2 {
	margin-top: 0;
}

.box-ablaufdiagramm.screenshots-with-text .col-md-12 {
	margin-top: 0;
	margin-bottom: 0.5em;
}

.row-screenshots {
	margin: 0;}

.row-screenshots>div {
	padding-left: 0;
	margin-bottom: 1em;
	max-width: 17em;
	padding-right: 0.6em;}

.step-description p {
	margin-bottom: 0;
	text-align: left;
}

.step-tiles-view {
	display: inline-block;
}
.step-tiles-view p {
	text-align: left;	
}

.step {
	font-size: 3.4em;
	line-height: 2.6rem;
	color: #d7e1f3;
	float: left;
	width: 2.3rem;
	vertical-align: top;}

.description {
	color: #48638b;
	float: left;
	padding-left: 2.3em;
	margin-left: -2.3em;
	width: 100%;}

.consultant-relations li, .funktionsumfang li {
	padding-left: 3em;
	list-style-type: none;
	background-repeat: no-repeat;
	margin-bottom: 1.5em;
}

.consultant-relations, .funktionsumfang, .liste-vorteile-berater, .checkmark-list {
	padding-left: 0;
}

.liste-vorteile-berater>li, .checkmark-list>li {
	list-style-type: none;
	padding-left: 3em;
	text-indent: -3em;
}

.liste-vorteile-berater>li:before, .checkmark-list>li:before {
	content: "\2713";
	padding: 0 1.4em 0 0.8em;
}

.checkmark-list>li:before {
	color: #f29400;
}

.checkmark-list>li>ul>li {
	text-indent: 0;
	list-style-type: disc;
}

/* ------------ FOOTER ------------- */
/**/
#footer {
	position: relative;
	background: url(../layout/bg_footer_01.png) top left repeat-x;
	padding: 2em 0 0 0;
	font-size: 0.75rem;}
/* Footerlinks */
#footer .footerlinks {
	padding-top:0.5em;
}
#footer .footerlinks > ul {
	list-style-type: none;
	padding:0;
	margin-bottom:1em; }
#footer .footerlinks > ul > li {
	display:inline-block;
	margin: 0 1.5em 1em 0; }
#footer .footerlinks > ul > li > a {
	color: #FFF;
	text-shadow: -1px -1px rgba(0,0,0,0.2);}
#footer .footerlinks > ul > li.active > a {
	text-decoration: underline;}

.form-group ul.messages {
	list-style-type: none;
	padding-left:0.7em;
}

.sidebox {
	font-size:85%;
}

.piwik-optout {
 	border: 0; 
	width: 100%; 
	border-top: 1px solid #CACACA;
	height: 11em;
}

.img-angebot {
	max-width: 14em;
}

/* spacings */	
.spc-top-cut {
	margin-top: 4em;
}
.spc-right-cut {
	margin-right: 4em;
}
.spc-bottom-cut {
	margin-bottom: 4em;
}
.spc-left-cut {
	margin-left: 4em;
}

.spc-top-unrel {
	margin-top: 2em;
}
.spc-right-unrel {
	margin-right: 2em;
}
.spc-bottom-unrel {
	margin-bottom: 2em;
}
.spc-left-unrel {
	margin-left: 2em;
}

.spc-top-rel {
	margin-top: 1em;
}
.spc-right-rel {
	margin-right: 1em;
}
.spc-bottom-rel {
	margin-bottom: 1em;
}
.spc-left-rel {
	margin-left: 1em;
}

.gap-top-rel {
	margin-top: 0.5em;
}
.gap-right-rel {
	margin-right: 0.5em;
}
.gap-bottom-rel {
	margin-bottom: 0.5em;
}
.gap-left-rel {
	margin-left: 0.5em;
}

.spc-top-none {
	margin-top: 0;
}
.spc-right-none {
	margin-right: 0;
}
.spc-bottom-none {
	margin-bottom: 0;
}
.spc-left-none {
	margin-left: 0;
}

@media (max-width: 1199px) {
	#footer .footerlinks {
		text-align:center;
	}
	#footer .footerlinks > ul > li {
		margin:0 0.75em 1em 0.75em;
	}
}

.folder-navigator {
	margin-bottom:1.75rem; }
	
.bottom-folder-navigator {
	display: inline-block;
	float: right; }

.bottom-folder-navigator > .panel > .panel-heading {
	padding: 0; }

.bottom-folder-navigator > .panel > .panel-heading > .links {
	position: relative; }

.bottom-folder-navigator .panel > .panel-heading > .links > a {
	display: inline-block; }

.bottom-folder-navigator > .panel > .panel-heading > .links > a.zurueck {
	border-left: none; }


/* ------------------ F O L G E S E I T E N ------------------------ */
.trenner {
	width: 100%;
	height: 5px;
	background: url(../layout/trenner_folgeseite_01.png) top left repeat-x;}
/* Fotobereich - kein Fotoslider */
#fotobereich {
	width: 100%;
	max-height: 420px;
	overflow: hidden;}
#fotobereich > img {
	width: 100%;
	height: auto;}
#fotobereich .angebot {
	margin-top:-60px; }
#fotobereich .wissen {
	margin-top: 0; }
#fotobereich.consultant .angebot {
		margin-top: -0em; }

#headerimage.consultant .imagesection .start {
		margin-top: -4em;
		margin-left: -8em;}

@media (min-width:400px) {
	#headerimage.consultant .imagesection .start {
		margin-top: -7em;
		margin-left: -14em;}
}

@media (min-width:500px) {
	#headerimage.consultant .imagesection .start {
		margin-top: -9em;
		margin-left: -16em;}
}

@media (min-width:538px) {	
	#fotobereich .angebot {
		margin-top:-80px; }	
	#fotobereich .wissen {
		margin-top:-60px; }
	#headerimage.consultant .imagesection .start {
		margin-top: -11em;
		margin-left: -16em;}
	#fotobereich.consultant .angebot {
		margin-top: -2em; }
}

@media (min-width:600px) {
	#headerimage.consultant .imagesection .start {
		margin-top: -14em;
		margin-left: -19em;}
}

@media (min-width:700px) {
	#headerimage.consultant .imagesection .start {
		margin-top: -17em;
		margin-left: -20em;}
}

@media (min-width:768px) {
	#fotobereich .angebot {
		margin-top:-160px; }	
	#fotobereich .wissen {
		margin-top:-220px; }
	#headerimage.consultant .imagesection .start {
		margin-top: -18em;
		margin-left: -24em;}
	#fotobereich.consultant .angebot {
		margin-top: -4em; }
}

@media (min-width:840px) {
	#headerimage.consultant .imagesection .start {
		margin-top: -20em;
		margin-left: -28em;}
}

@media (min-width:930px) {
	#headerimage.consultant .imagesection .start {
		margin-top: -22em;
		margin-left: -28em;}
}

@media (min-width:992px) {	
	#fotobereich .angebot {
		margin-top: -290px; }	
	#fotobereich .wissen {
		margin-top:-300px; }
	#headerimage.consultant .imagesection .start {
		margin-top: -13em;
		margin-left: -10em;}
	#fotobereich.consultant .angebot {
		margin-top: -6em; }
}

@media (min-width:1100px) {
	#headerimage.consultant .imagesection .start {
		margin-top: -17em;
		margin-left: -10em;}
}

@media (min-width:1200px) {	
	#fotobereich .angebot {
		margin-top: -350px; }
	#fotobereich .wissen {
		margin-top:-380px; }
	#headerimage.consultant .imagesection .start {
		margin-top: -6em;
		margin-left: 0;}
	#fotobereich.consultant .angebot {
		margin-top: -9em; }
}
	
@media (min-width:1300px) {
	#fotobereich .angebot {
		margin-top: -340px; }			
	#headerimage.consultant .imagesection .start {
		margin-top: -8.5em;
		margin-left: 0;}
	#fotobereich.consultant .angebot {
		margin-top: -11em; }
}
	
@media (min-width:1400px) {
	#headerimage.consultant .imagesection .start {
		margin-top: -11em;
		margin-left: 0;}
}	
	
@media (min-width:1500px) {
	#fotobereich .angebot {
		margin-top:-440px; }
	#fotobereich .wissen {
		margin-top:-470px; }
	#headerimage.consultant .imagesection .start {
		margin-top: -13.5em;
		margin-left: 0;}
	#fotobereich.consultant .angebot {
		margin-top:-13em; }
}

@media (min-width:1680px) {
	#fotobereich .angebot {
		margin-top:-530px; }
	#headerimage.consultant .imagesection .start {
		margin-top: -17em;
		margin-left: 0;}
	#fotobereich.consultant .angebot {
		margin-top: -16em; }		
}

@media (min-width:1750px) {
	#headerimage.consultant .imagesection .start {
		margin-top: -20em;
		margin-left: 0;}
}

/* Call-to-Action in Content */
#content #call-to-action {
	position: relative;
	top: 0px;
	text-align: left;}
#content #call-to-action > .container > .row > .col-md-4 {
	width: 100%;
	height: auto;
	padding: 20px 20px 30px 20px;
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.15);
	-ms-box-shadow: 0 0 12px rgba(0,0,0,0.15);
	box-shadow: 0 0 12px rgba(0,0,0,0.15);}
/**/
/* Folgeseite: Auflistung */
.uebersicht {
	clear: both;
	margin: 0 0 1.0rem 0;
}
.uebersicht > a {
	display: block;
	margin: 0 0 0.5em 0;
	width: 100%;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.75)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfffffff',GradientType=0 );
	padding: 0.5em 2.5em 0.5em 1em;
	position: relative;}
.uebersicht > a:after {
	content: url(../layout/arrow_list-uebersicht_01.png);
	position: absolute;
	top: 0.6em;
	right: 0.8em;}
.uebersicht1 {
	min-height: 65px;}
.uebersicht1 > a {
	float: right;
	width: 50%;}
/* Folgeseite: Auflistung */
.navigator {
	margin: 1.5rem 0; }
.navigator #collapseListGroup1 .list-group .list-group-item a {
	color: #999f9f;
	text-decoration: none;
}
.navigator #collapseListGroup1 .list-group .list-group-item.selected a,
.navigator #collapseListGroup1 .list-group .list-group-item:hover a {
	color: #f29400;
	text-decoration: none;
}

.panel {
	width: 100%;
	background: none !important;
	border: 0px solid;
	border-radius: 0 !important;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;}
.panel > .panel-heading {
	border-radius: 0;
	border: 1px solid #e3e3e3;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 9%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 9%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 9%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 9%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 9%,#f7f7f7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */
	padding: 0.65em 0.85em 0.65em 3em;
	text-align: left !important;
	position: relative;
}
.panel > .panel-heading > a.btn-list {
	position: absolute;
	top: 0.4em;
	left: 0.75em}
.panel > .panel-heading > h4 {
	margin: 0;
	font-size: 1rem;
	color: #F29400;
	max-width: 100%;
	overflow: hidden;
	padding-right: 4.5em;
	text-overflow: ellipsis;
	white-space: nowrap;}
/* Zurück und Weiter Button */
.panel > .panel-heading > .links {
	position: absolute;
	z-index: 100;
	right: 0;
	top: 0;
	bottom: 0;
}
.panel > .panel-heading > .links > a {
	padding: 10px 18.5px;
	display: inline-block;}
.panel > .panel-heading > .links > a.weiter {
	border-left: 1px solid #e3e3e3;
}
.panel > .panel-heading > .links > a.weiter:after {
	content: url(../layout/arrow_list-uebersicht_01.png);}
.panel > .panel-heading > .links > a.zurueck {
	border-left: 1px solid #e3e3e3;}
.panel > .panel-heading > .links > a.zurueck:after {
	content: url(../layout/arrow_list-uebersicht_02.png);}
/* Felder nach ausklappen des Panels */
.panel > .panel-collapse.collapsing > .list-group > .list-group-item,
.panel > .panel-collapse.in > .list-group > .list-group-item {
	border-radius: 0;
	border-top: 1px solid #f1f1f1;
	border-left: 0;
	border-bottom: 0;
	border-right: 0;
	background: rgba(255,255,255,0.9);
	padding: 10px 17px 10px 54px;
	text-align: left !important;}
	
.box_fin_beduerfnisse {
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.24);
	-ms-box-shadow: 0 0 6px rgba(0,0,0,0.24);
	box-shadow: 0 0 6px rgba(0,0,0,0.24);
	border-bottom: 4px solid #7196d4;
	text-align: center;
	font-size: 88%;
	height: 29em;
	padding-top: 2em;
	margin-bottom: 1em;
}	

.box_fin_beduerfnisse img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.box_fin_beduerfnisse ul {
	color: #7196d4;
	padding-left: 0em;
	margin: 0 auto;
	display: inline-block;
}

.box_fin_beduerfnisse ul li {
	background: url("../img/checked.png") no-repeat;
	color: #7196d4;
	list-style-type: none;
	padding-left: 1.5em;
	background-position: 0 5px;
	text-align: left;
}

.box_fin_beduerfnisse p.blue {
	color: #7196d4;
}

/* -------------------------- R E S P O N S I V E ------------------------------- */
.navbar-header > button.navbar-toggle {
	margin: 34px 15px 34px 0;
	border: 0px solid;
	background: #7a7a7a;}
.navbar-header > button.navbar-toggle:hover,
.navbar-header > button.navbar-toggle:focus {
	background: #F29400;}

@media (min-width: 1px) and (max-width: 500px) {
	.hidden-small {
		display: none !important;}
		
	/* ---- Headerbild --- */
	/* Anpassung des Headerbildes auf der Startseite */
	#headerimage > .imagesection {
		height: auto;
		max-height: 250px !important;}
	#headerimage > .imagesection > img {
		margin: 0 0 0 -100px;
		width: 175%;}
		
	/* Call to Action */
	#call-to-action > .container > .row > .col-md-4 > .box-calltoaction > ul > li {
		height: auto;}
	
	/* Text-Bildumfluss auf Startseite */
	.box-diagonalorange > .bbody > .container > .row > .col-md-12 > ul {
		float: none;
		width: 100%;}
		
	.piwik-optout {
	 	height: 33em;
	}
}

@media (min-width: 1px) and (max-width: 767px) {		
	/* Button: Situationsanalyse starten */
	.btn-analyse {
		padding: 12px 15px;
		font-size: 16px;}
		
	.panel > .panel-heading > h4 {
		max-width: 100%;
		overflow: inherit;
		padding-right: 0.5em;
		text-overflow: inherit;
		white-space: normal;
	}
}

@media (min-width: 501px) and (max-width: 990px) {
	#headerimage > .imagesection > img {
		margin: 0 0 0 -150px;
		width: 175%;}
}
	
@media (min-width: 1px) and (max-width: 991px) {
	.navbar-header {float: none;}
    .navbar-toggle {display: block;}
    .navbar-collapse {
        border-top: 1px solid transparent;
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		-ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none !important;}
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;}
    .navbar-nav > li {float: none}
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;}
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {display: block!important;}
    .collapsing {
		position: relative;
		height: 0;
		overflow: hidden !important;
		transition: height .1s ease;
		  -webkit-transition: height .1s ease;
		  -o-transition: height .1 s ease;}
	
	.container {
		max-width: 100%;}
	
	/* Navigationsleiste */
	#folgeseite #navigation .container {
		padding: 0 30px !important;}
	#navigation > .container > .navbar-collapse {
		margin: 0 -30px;
		background: rgba(122,122,122,0.95);
		border: 0px solid;}
	#navigation > .container > .navbar-collapse > .navbar-nav {
		margin: 25px 0;}
	#navigation > .container > .navbar-collapse > .navbar-nav > li {
		padding: 0 25px;}
	#navigation > .container > .navbar-collapse > .navbar-nav > li > a {
		padding: 12.5px 0;
		border-top: 1px solid #a0a0a0;
		border-bottom: 1px solid #5d5d5d;
		color: #FFF;}
	#navigation > .container > .navbar-collapse > .navbar-nav > li:first-child > a {
		padding: 0 0 12.5px 0;
		border-top: 0px solid;}
	#navigation > .container > .navbar-collapse > .navbar-nav > li:last-child > a {
		padding: 12.5px 0 0 0;
		border-bottom: 0px solid;}
	
	/* ---- Headerbild --- */
	/* Anpassung des Headerbildes auf der Startseite */
	#headerimage > .imagesection {
		height: auto;
		max-height: 290px;}
	/* Bildbeschreibung - Text rechts */
	#headerimage > .imagesection > .imagecaption {
		top: 1.75em;
		font-size: 1.2rem;
		text-align: left;}
	#headerimage.consultant > .imagesection > .imagecaption{
		top: 3em;}
	/* Call-to-Action-Box im Header */
	#headerimage > #call-to-action {
		display: none;}
	
	.consultant #headerimage > .imagesection > .imagecaption {
		top: 10em; }

	/* Inhalt */
	/**/
	.box-verlaufgrau {
		padding: 1.5em 0;}
	.box-verlaufgrau  .container > .row {
		margin: 0;}
	.box-verlaufgrau  .container > .row > .col-md-12 {
		padding: 0;}
	.box1,
	.box1:hover,
	.box1:focus {
		margin: 0 0 30px 0;
    }
	/**/
	.box-ablaufdiagramm .step1,
	.box-ablaufdiagramm .step2 {
		float: left;
		width: 50%;}
	.box-ablaufdiagramm .step1 > .pfeil1 > img,
	.box-ablaufdiagramm .step2 > .pfeil2 > img {
		display: none;}
	/**/
	.box-verlaufgrau  .container > .row > .col-md-12 > .adaptiverow {
		margin: 2.5em 0 0 0;}
	.box-verlaufgrau  .box2 {
		margin: 0 0 1.5em 0;}
	
	#folgeseite .container {
		padding: 0 15px !important;}	
	/* Folgeseite: Auflistung */
	.uebersicht1 > a {
		float: right;
		width: 100%;}
	.folder-navigator > ul > .links {
		display: none;}	
		
	/* Call-to-Action im Content auf Folgeseiten (rechte Spalte) */
	#folgeseite #call-to-action {
		margin: 40px 0 0 0;}
	#content #call-to-action .box-calltoaction > a.btn-analyse {
		width: auto !important;}
	#content #call-to-action .box-calltoaction > .ssl {
		display: block;
		width: 100%;}
}

@media (min-width: 501px) and (max-width: 1199px) {
	/* --- Inhaltsbereich: Text-Bildumfluss --- */
	/* Anpassung des Listenelements */
	.box-diagonalorange > .bbody > .container > .row > .col-md-12 > ul {
		float: none;
		width: 100%;}
		
	.kundenstimme div {
		min-height: 14em;}
	.piwik-optout {
	 	height: 21em;
	}
}

@media (min-width: 992px) and (max-width: 1199px) { 
	/* ---- Headerbild --- */
	/* Anpassung des Headerbildes auf der Startseite */
	#headerimage > .imagesection > img {
		margin: 0 0 0 -20%;
		width: 150%;}
	
	/**/
	.box1,
	.box1:hover,
	.box1:focus {
		padding: 1.5em;}

	/* --- browserspezifische Anpassungen --- */
	/* Anpassung für Safari */
	::i-block-chrome, .pfeil1 img,
	::i-block-chrome, .pfeil2 img {
		margin: -120px 0 0 190px !important}
	
	/* --- Folgeseite --- */
	/* Anpassung linke Spalte */
	.leftcol {
		width: 60%;}
	/* Anpassung rechte Spalte */
	.rightcol {
		width: 40%;}
	/* Anpassung der Call-to-Action-Box im Inhaltsbereich */	
	#content #call-to-action .box-calltoaction {
		padding: 15px;}
	#content #call-to-action .box-calltoaction > ul > li {
		margin: 0 0 20px 0;
		line-height: 28px;}
	#content #call-to-action .box-calltoaction > ul > li:last-child {
		margin: 0;}
	#content #call-to-action .box-calltoaction > a.btn-analyse {
		width: auto !important;}
	#content #call-to-action .box-calltoaction > .ssl {
		display: block;
		width: 100%;
		font-size: 0.65rem;}
		
	.piwik-optout {
	 	height: 13em;
	}
}

@media (min-width: 992px) {
	.preismodell>.lizenz {
		width: 66.6%;
		display: table-cell;
	}
	.preismodell>.preis {
		width: 33.3%;
		display: table-cell;
	}
}

/* xs */
.right-xs {
	text-align: right;
}
.left-xs {
	text-align: left;
}
.center-xs {
	text-align: center;
}

/* sm */
@media (min-width: 768px) {

	.right-sm {
		text-align: right;
	}
	.left-sm {
		text-align: left;
	}
	.center-sm {
		text-align: center;
	}
	iframe.video {
		width: 690px; 
		height: 388px;
	}
}

/* md */
@media (min-width: 992px) {
	.right-md {
		text-align: right;
	}
	.left-md {
		text-align: left;
	}
	.center-md {
		text-align: center;
	}
	iframe.video {
		width: 518px; 
		height: 291px;
	}
	iframe.video.small {
		width: 440px; 
		height: 248px;
	}
}


/* lg */
@media (min-width: 1200px) {
	.right-lg {
		text-align: right;
	}
	.left-lg {
		text-align: left;
	}
	.center-lg {
		text-align: center;
	}
	iframe.video {
		width: 600px; 
		height: 337px;
	}
	iframe.video.small {
		width: 540px; 
		height: 304px;
	}
}

@media print {
	img {
		page-break-inside: avoid;
  	}
	.nondisplay {
		opacity:1;
	}
}

/* responsive video-container: videos in 16:9 format */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* bugfix for chrome: fixed header overlaps embedded youtube video, if it is displayed in fullscreenmode  */
:-webkit-full-screen-ancestor .navbar {
  position: static;
}