/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/************************************
************ Allgemein  ***************
*************************************/
/*
 *	dunkelblau: 	#160d47
 *	gr�n: 		98bd0e
 *	orange:  	f8b305
 **/
*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
ul {
	margin:0;
	list-style:none;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
.fa.info {
  cursor:help;  
}
.elastic-video-wrapper {
  width:100%;
  max-width:560px
}
  .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%;
  }

@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  /*a[href]:after {
    content: " (" attr(href) ")";
  }*/
  /*abbr[title]:after {
    content: " (" attr(title) ")";
  }*/
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #337ab7;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after {
    clear: both;
}
.print {
    float: right;
    margin-top: -1px;
    /*-webkit-text-size-adjust: none;*/
}
.print a {
    color:#160d47;
}
.clr {
	clear:both;
}
/*.bg-success {
    background-color: #dff0d8;
    padding:15px;
}*/
.bg-success {
    background-color: #dff0d8;
   border:1px solid #5CB85C;
   color:#5CB85C;
   box-sizing: border-box;
    padding:15px;
}
.bg-error {
   background-color:#FFEBE4;
   border:1px solid #DF2121;
   box-sizing: border-box;
   color:#DF2121;
    padding:15px;
}
a.linkbutton {
  background-color:#1F90C3;
  color:#fff !important;
  padding:5px;
  width:200px;
  display:block;
  text-align:center;
}
a.linkbutton:hover {
  background-color:#160D47;
  text-decoration:none;
}
/*********************************/
header {
	margin:25px 0;
}
nav {
  position:relative;
  z-index:100;
}
main {
	
}
footer {
	
}


.container {
	margin-right: auto;
	margin-left: auto;
	width: 1170px;
}
.container .row {
}

.container .row .col-2 {
	width: 168px;
	float:left;
}
.container .row .col-8 {
	width: 775px;
	float:left;
}
.container .row .col-4 {
	width: 377px;
	float:right;
	background-color:#fff;
}

/* Header Navigation */
header .logo img {
  display: block;
  /*float:left;*/
}
/*header .logo span {
  display: block;
  color:#160D47;
  font-weight:bold;
  font-size:22px;
  float:left;
  margin:2px 0 0 5px;
}
header .logo:hover {
  text-decoration: none;
  color:#160D47;
}*/
header ul  {
  float:right;
  padding-left:0;
}
header ul li {
  padding:0;
  margin:0;
}
header ul li {
  float:left;
}
header ul li:after {
  content: '|';
}
header ul li:last-child:after {
  content:'';
}

/* Navigation */
nav .navbar-desktop {
  margin-bottom:10px;
}

#menuSubWrapper ul,
nav .navbar-desktop ul {
  padding:0;
}
#menuSubWrapper ul li,
nav .navbar-desktop ul li {
	float:left;
	margin-right:20px;
	white-space: nowrap;
	line-height:1.2;
}
#menuSubWrapper ul li:last-child,
nav .navbar-desktop ul li:last-child {
  margin-right:0;
}
#menuSubWrapper ul li a,
nav .navbar-desktop ul li a {
  color:#160d47;
}

nav .navbar-desktop .cashback-mobile {
    display:none;
}
nav .navbar-desktop ul li img {
	float:left;
	margin-right:5px;
}
nav .navbar-desktop ul li .menuIcon {
	float:left;
	margin-right:2px;
	width:31px;
	height:33px;
	background:url(../img/navigation.png) no-repeat;
}
#menuSubWrapper ul li a:hover,
nav .navbar-desktop ul li a:hover {
  text-decoration:none;
}
#menuSubWrapper ul li.active .menuIcon,
#menuSubWrapper ul li a:hover .menuIcon,
nav .navbar-desktop ul li.active .menuIcon,
nav .navbar-desktop ul li a:hover .menuIcon {
  background-position:0 -33px;
}
.menuItemBilanz {
  min-width:90px;
}
.menuItemAnlagen {
  min-width:90px;
}
.menuItemFinanzierungen {
  min-width:128px;
}
.menuItemVersicherungen {
  min-width:132px;
}
.menuItemNebenkosten {
  min-width:120px;
}
.menuItemDokumente {
  min-width:110px;
}
.menuItemSteuern {
  /*    min-width:90px;*/
  margin-right:0;
}
/*
nav .col-4 ul li {
	min-width:168px;
}*/

nav .icon-shopping,
nav .icon-reisen {
  color:#fff;
  float:left;
  height:35px;
  width:35px;
  margin:0 5px 0 0;
  font-size:22px;
  line-height:35px;
  text-align:center;
}
nav .icon-shopping i,
nav .icon-reisen i{
  line-height:35px !important;
}
nav .icon-shopping {
  background-color:#98bd0e;
}
nav .icon-reisen {
  background-color:#f8b305;
}
#menuSubWrapper {

}
#menuSub {
    border-top: 1px solid #bcbdc0;
    margin:10px 0 10px 0;
    padding-top: 10px;
}
#menuSub a.active{
  font-weight:bold;
}
.menuSpace {
  clear:both;
  margin-top:10px;
}

/* Startseite */
#startcharts {
  min-height:280px;
  background-color:#F2F2F2;
  margin-bottom:18px;
  color:#160d47;
  position:relative;
}
#startcharts .pad {
  padding:10px;
}

#startcharts h1 {
  font-size:16px;
  font-weight:normal;
  position:relative;
  margin:8px 0 20px 0;
  top:auto;
  left:auto;
  width:200px;
}

#startcharts #erklaervideo {
  position:absolute;
  top:10px;
  right:10px;
  width:auto;
}

#startcharts #start-video {
  display:none;
  margin:20px 0 10px;
}


.slider-container {
  position: relative; margin: 0 auto 18px auto;top: 0px; left: 0px; width: 775px; height: 280px; overflow: hidden;
}
.slider-container .slides {
   position: absolute; left: 0px; top: 0px; width: 775px;height: 280px; overflow: hidden;
}
            .jssorb21 {
                position: absolute;
            }
            .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
                position: absolute;
                /* size of bullet elment */
                width: 19px;
                height: 19px;
                text-align: center;
                line-height: 19px;
                color: white;
                font-size: 12px;
                background: url(../img/slider/b11.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }
            .jssorb21 div { background-position: -5px -5px; }
            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
            .jssorb21 .av { background-position: -65px -5px; }
            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
            
            .jssora21l, .jssora21r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 55px;
                height: 55px;
                cursor: pointer;
                background: url(../img/slider/a21.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21l.jssora21ldn { background-position: -243px -33px; }
            .jssora21r.jssora21rdn { background-position: -303px -33px; }


section .box {
	height:110px;
	color:#fff;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	position:relative;
	padding:5px;
	font-size:15px;
}
section .box a {
  display:block;
  color:#fff;
}
section .box a:hover {
  color:#fff;
  text-decoration:none;
}
section .box-last {
	margin-right:0;
}
section .box-large {
	width:385px;
}
section .box-small {
	width:190px;
}
section .box-lightblue {
	background-color:#1f90c3;
}
section .box-darkblue {
	background-color:#160d47;
}
section .box-darkgray {
	background-color:#666666;
}
section .box-lightgray {
	background-color:#9f9f9f;
}
section .box-shopping {
	background-color:#98bd0e;
}
section .box-reisen {
	background-color:#f8b305;
}
section .box img {
	margin: -5px 5px 0 -5px;
	float:left;
}

section .box .big1 {
	font-size:55px;
}
section .box .big2 {
	font-size:40px;
}
section .box .fa-check {
	position:absolute;
	font-size:45px;
	right:10px;
	bottom:10px;
}

section .vergleich-header {
	height:60px;
	color: #160d47;
}
section .vergleich-more {
	cursor:pointer;
	font-size:12px;
}
section .vergleich {
	background-color:#1f90c3;
	color:#fff;
	width:100%;
	margin:0 0 5px 0;
	height:52px;
}
section .vergleich2 {
  display:none;
}
section .vergleich.vergleich-odd {
	background-color:#57acd2;	
}
section .vergleich:last {
	margin-bottom:0;
}
.vergleich a {
  display:block;
  color:#fff;
}
.vergleich a:hover {
  color:#fff;
  text-decoration:none;
}
section .vergleich div:nth-child(1) {
	padding:0 0 0 10px;
	float:left;
	font-size:16px;
	line-height:52px;
}

section .vergleich div:nth-child(3) { /* Betrag */
	font-size:12px;
	float:right;
	padding:3px 0 0 0;
	line-height:1.1;
	width:80px;
}
section .vergleich div:nth-child(3) span {
	font-size:16px;
	font-weight:bold;
}

section .vergleich div:nth-child(2) { /* Calculator */
	float:right;
	line-height:52px;
	padding:0 10px 0 0;
	font-size:25px;
}
section .vergleich div:nth-child(2) i { 
	line-height:52px;
}

/* Login */
.login-box {
	width:100%;
	height:280px;
	background-color:#f2f2f2;
	margin-bottom:18px;
	padding:10px;
}
.login-box .anmelden {
  text-align:right;
}
.login-box input[type=number],
.login-box input[type=text],
.login-box input[type=password] {
	width:100%;
	margin:10px 0;
}
.login-box input[name=tan] {
	width:100px;
}

.login-box .anmelden {
  text-align:right;
}
.login-box .passwortvergessen {
  float:left;
  width:50%;
}
.login-box .registrieren {
  float:right;
  width:50%;
  text-align:right;
}
.login-box .submitLogin {
  width:100%;
  background-color:#160d47;
  color:#fff;
  border:none;
  line-height:30px;
  margin-top:20px;
}

/* Footer */
footer .container {
	margin-top:18px;
	background-color:#ebebeb;
	padding:18px 0;
}
footer .footer-text {
	color:#160d47;
	margin:0 0 50px 0;
	font-size:16px;
	padding-left:18px;
}
footer .footer-text span {
	font-size:20px;
	font-weight:bold;
}
footer .footer-copyright {
	padding-left:18px;
	margin:0;
	float:left;

}

footer .footer-links {
	list-style: none;
	padding-right:18px;
	float:right;
	margin-top:20px;
}
footer .footer-links li {
	float:left;
	margin:0 10px;
}
footer .footer-links li:last-child {
	margin-right:0;
}
footer .footer-links li a {
	
}
footer .row-1 {
   display: flex;
}
  footer .row-1 .col-6 {
    flex-direction: row;
    width:50%;
  }
  footer .row-1 .col-40 {
    flex-direction: row;
    width:40%;
  }
  footer .row-1 .col-20 {
    flex-direction: row;
    width:20%;
    text-align:center;
  }
  footer .row-1 .app-icons {
    padding:0 18px;
    text-align:right;
  }
    footer .row-1 .app-icons img {
      width:175px;
      margin-left:5px;
    }

 
/*
footer.app-register {
  text-align: center;
  padding-bottom:10px;
  padding-top:10px;
}
  .b-register-maklervertrag-app footer.app-register,
  .b-login-mobile footer.app-register {
    position:absolute;
    bottom:0px;
    width:100%;
  padding-top:0px;
  }
*/
/* Startseite */
.berater-box {
  width:100%;
  background-color:#f2f2f2;
  padding:10px;
}
  .berater-box * {
    font-size:13px;
  }
  .berater-box.berater-box-right {
    min-height:280px;
    margin-bottom:18px;
  }
  .berater-box.berater-box-left {
    min-height:152px;
  }
.berater-box .image {
  max-height:100px;
}
  .berater-box.berater-box-right .image {
    float:right;
  }
  .berater-box.berater-box-left .image {
    float:left;
  }
.berater-box .beraterdaten {
  margin-right:10px;
}
  .berater-box.berater-box-right .beraterdaten {
    float:right;
    text-align:right;
  }
  .berater-box.berater-box-left .beraterdaten {
    float:left;
    text-align:left;
    margin-top:0;
    margin-left:10px;
  }

.berater-box.berater-box-right .bewertung {
  float:right;
}
.berater-box.berater-box-left .bewertung {
  float:left;
}


.berater-box .beratungstermin {
  background-color:#e1e1e1;
  line-height:2;
  margin-top:10px;
}

.berater-box .beratungstermin .col1 {
  float:left;
  padding:0 5px;
}
.berater-box .beratungstermin .col2 {
  float:right;
  padding:0 5px;
}

.berater-box.berater-box-right .fragen {
  float:right;
}
.berater-box.berater-box-left .fragen {
  float:left;
}

.berater-box #berater-webmail-desktop {
  margin:10px 0;
}
  .berater-box.berater-box-right #berater-webmail-desktop {
    float:right;
  }
  .berater-box.berater-box-left #berater-webmail-desktop {
    float:left;
  }

.berater-box #webmail {
  display:none;
}
.berater-box #history {
  width:100% !important;
  height:250px;
  overflow:scroll;
  background-color:#fff;

  margin-bottom:15px;
}
.berater-box #history h1 {
  margin:7px 0 3px 7px;
  font-size:11px;
}
.berater-box #history h1.absender0 {
  color:#003d8f;
}
.berater-box #history h1.absender1 {
  color:#ff0000;
}
.berater-box #history p {
  padding:0 7px 10px 7px;
}
.berater-box textarea#newMessage {
  width:100% !important;
  width:300px;
  height:60px;
  padding:1px;
  margin:0 0 5px 0;
}


.ampel-1 {
  color:#D10020;
}
.ampel-2 {
  color:#F8B305;
}
.ampel-3 {
  color:#98bd0e;
}

/* Rentenluecke */
/*
#rentenluecke {
  min-height:280px;
  background-color:#F2F2F2;
  margin-bottom:18px;
  color:#160d47;
  position:relative;
}
#rentenluecke h1 {
  font-size:16px;
  font-weight:normal;
  position:absolute;
  top:10px;
  left:10px;
  margin:0;
}
#rentenluecke #hinweis-alter {
  position:absolute;
  top:30px;
  left:10px;
}
#rentenluecke input {
  color:#1F90C3;
}
#rentenluecke #personen {
  position: absolute;
  top:45px;
  left:10px;
}
#rentenluecke #personen div {
  background-color:#1F90C3;
  float:left;
  margin:0 10px 10px 0;
  padding:2px 5px;
}
#rentenluecke #personen div a {
  display:bock;
  color:#fff;
}
#rentenluecke #personen div a:hover {
  text-decoration: none;
}

#rentenluecke #personen .active {
  background-color:#fff;
}
#rentenluecke #personen .active a {
  color:#160D47;
}
#rentenluecke .fa-info-circle {
    color:#1F90C3;
    font-size:20px;
    cursor:help;
  
}*/
#info-ablaufleistung {
    position:absolute;
    top:160px;
    left:10px;
}
table.ablaufleistung td {
  padding:2px 10px;
}
table.ablaufleistung td:nth-child(2n),
table.ablaufleistung td:nth-child(3n) {
  text-align:right;
}

#rentenluecke #balken-wrapper1 {
  position:absolute;
  border:2px solid #9F9F9F;
  top:94px;
  left:10px;
  width:508px;
  height:48px;
}
#rentenluecke #balken-wrapper2 {
  border:2px solid #fff;
  width:504px;
  height:44px;
}
#rentenluecke #balken {
  background-color:#1F90C3;
  width:500px;
  height:40px;
  overflow:hidden;
  position:relative;
}
#rentenluecke #balken-b1,
#rentenluecke #balken-b2 {
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:100%;
  background-color:#1F90C3;
}
#rentenluecke #balken-b1 {
  background-color:#160D47;
}
#rentenluecke #balken-b2 {
  background-color:#D10020;
}

#rentenluecke #rl_rentenluecke {
  font-size:38px;
  color:#98BD0E;
  position:absolute;
  top:100px;
  right:10px;
}
#rentenluecke #rl_text {
  position:absolute;
  top:80px;
  right:10px;
}
#rentenluecke #rl_rentenluecke.rentenluecke {
  color:#D10020;
}
#rentenluecke #rl_rentenluecke.rentenluecke-small {
  font-size:30px;
}
#rentenluecke #slider-zins-wrapper {
  bottom:50px;
  left:10px;
  width:520px;
  position:absolute;
}
#rentenluecke #slider-beitrag-wrapper {
  bottom:10px;
  left:10px;
  width:520px;
  position:absolute;
}

#rentenluecke .slider-wrapper .col-1 {
  float:left;
  width:140px;
  line-height:24px;
}
#rentenluecke .slider-wrapper .col-2 {
  float:left;
  width:300px;
  margin-top:6px;
  position:relative;
}
#rentenluecke .slider-wrapper .col-3 {
  float:right;
  width:80px;
  font-size:20px;
  line-height:24px;
  text-align:right;
}
#rentenluecke .slider-wrapper .col-2 #marker-zins,
#rentenluecke .slider-wrapper .col-2 #marker-beitraege {
  width:1px;
  height:34px;
  border-left:1px solid #160D47;
  position:absolute;
  top:-12px;
}

#rentenluecke #mein-kapital {
  position:absolute;
  top:10px;
  right:10px;
  text-align:right;
}
#rentenluecke #mein-kapital #rl_vermoegen {
  font-size:16px;
}
#rentenluecke #mein-kapitalziel {
  position:absolute;
  bottom:10px;
  right:10px;
  text-align:right;
}
#rentenluecke #mein-kapitalziel input {
  width:100px;
  text-align:right;
}
#rentenluecke #rentenbeginn {
  position:absolute;
  top:160px;
  right:257px;
}
#rentenluecke #rentenbeginn input {
  width:60px;
}

/* Expertise Aufforderung */
#rentenluecke .expertise-wrapper {
  position:relative;
  padding:20px 0 0 10px;
}
#rentenluecke .expertise-step {
  float:left;
  background-color:#160D47;
  width:32px;
  height: 32px;
  border-radius: 16px;
  line-height:32px;
  text-align: center;
  color:#fff;
  margin:17px 20px 0 0 ;
  font-weight: bold;
}
#rentenluecke .expertise-content {
  float:left;
  font-size:16px;
  margin:20px 0 0 0;
}
#rentenluecke .expertise-content a {
  background-color:#1F90C3;
  color:#fff;
  padding:2px 5px;
  display:block;
  margin:10px 0 0 0;
  text-align:center;
}
#rentenluecke .expertise-content a:hover {
  background-color:#160D47;
  text-decoration:none;
}
#rentenluecke .expertise-content ul {
  padding-left:0;
  margin:10px 0 0 0;
  font-size:14px;  
}

#rentenluecke .expertise-content li i {
  color:#98BD0E;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background:#1F90C3 !important;
    border: 1px solid #1F90C3 !important;
}


span.pflichtfelder {
	color:#cc0000;
}

p.commonText {
	line-height:1.5;
	/*font-size:11px;*/
	padding:5px 0 10px 0;
}
p.commonText *{
	line-height:1.5;
	/*font-size:11px;*/
}
p.error {
	color:#f00;
}
p.errorBox { 
   width:370px;
   background-color:#FFEBE4;
   border:1px solid #DF2121;
   font-weight:bold;
   color:#DF2121;
   padding:10px;
   margin:0 0 10px 0;
   
}
div.clr {
	clear:both;
}

h1 {
	font-size:16px;
	margin-bottom:10px;
}
h2 {
	margin-bottom:5px;
}

/* Formulare allgemein */
.form-wrapper,
form.form {
	padding:10px;
	background-color:#F2F2F2;
	border:1px solid #808184;
	width:100%;
}
form.form h3 {
	margin:0 0 5px 0;
	color:#262261;
}
.listVertraege td,
table.form td {
	padding:4px 0 4px 0;
}
.listVertraege td.date select,
table.form td.date select {
	width:65px;
	padding:1px;
}
.listVertraege textarea,
.listVertraege select.formular,
.listVertraege input.formular,
table.form textarea,
table.form select.formular,
table.form input.formular {
	padding:1px;
	width:200px;
}
.listVertraege textarea, 
table.form textarea {
	height:90px;
}
.listVertraege  td.label,
table.form td.label {
	padding-right:5px;
}


/**** Procheck **********************/
.procheck {
  width:100%;
  min-height:400px;
  border:none;
  
}

/**** Procheck **********************/
#impressum {
  width:500px;
}

/**** Produkte ******************************************/
.produkt {
	/*float:left;
	width:500px;
	margin:0 15px 15px 0;*/
  margin-bottom:15px;
}
	.produkt a {
	}
	.produkt .produkt-bild {
		width:200px;
		height:144px;
		background-color:#fff;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		float:left;
		margin-right:15px;
	}
	.produkt .produkt-name {
		line-height:144px;
		float:left;
		font-size:16px;
	}
	



/**** Nutzungsbedingungen / AGB **********************/
h2.nutzungsbedingungen {
  font-size:14px;
}
ul.agb {
  list-style: outside disc;
  padding:0 0 0 30px;
}
  ul.agb li {
    margin:0 0 20px 0;
  }
/************************************
************** Layout  ****************
*************************************
#header {
	width:100%;
	min-width:1024px;
	height:207px;
}
.header-finanzexperte {
	background:#fff url('../img/finanzexperte.jpg') no-repeat;
}
.header-onlinefinanzordner {
	background:#fff url('../img/onlinefinanzordner.jpg') no-repeat;
}
#menu {
	width:100%;
	height:62px;
}

#main {
	padding:20px 0 0 0;
	width:1020px;
}
#main .pad {
	padding:0 0 20px 37px;
}

#footer {
	width:100%;
	border-top:1px solid #A0A0A0;	
	margin:0 0 10px 0;
}

/************************************
************** Header ****************
*************************************
#header .minWidth {
	float:left;
	width:840px;
}
#header #time {
	float:left;
	width:300px;
}
#Uhr ,
span.clock {
	padding:19px 0 0 38px;
	color:#999;
	font-size:12px;
}
#header #login {
	float:left;
	width:519px;
}
#header #login ul {
	float:right;
	padding:19px 0 0 0;
	list-style:none;
}
#header #login ul li{
	float:left;
	color:#666;
	margin-left:15px;
	line-height:15px;
	
}
#header #login ul li a{
	color:#666;
	font-size:12px;
	background:#fff url('../img/list_top.gif') no-repeat 0px -2px;
	padding-left:14px;
	
}
#header #login ul li a:hover,
#header #login ul li a.active {
	color:#000;
	background:#fff url('../img/list_top.gif') no-repeat 0px -19px;
}
#header #logo {
	float:right;
}

/************************************
************** Footer ****************
*************************************
#footer p,
#footer ul li a{
	color:#a0a0a0;
}
#footer p {
	float:left;
	padding:13px 0 0 37px;
}

#footer ul {
	float:left;
	list-style-position:inside;
	list-style-image:url(../img/footer.gif);
	padding:13px 0 0 0;
}
#footer ul li {
	float:left;
	padding-left:34px;
}
#footer .footerbuttons {
	float:left;
	padding:9px 0 0 30px;
}
#footer iframe{
	margin:0 !important;
}

/************************************
************** Men� *****************
*************************************
#menu #menuMain {
	width:100%;
	min-width:1024px;
	height:32px;
}
.menu-main-finanzexperte {
	background:#fff url(../img/finanzexperteBottom.jpg) no-repeat;
}
#menu #menuMain .minWidth{
	float:left;
	width:840px;
}
#menu #menuMain .menuSpace{
	float:left;
	width:36px;
	height:10px;
}
#menu #menuMain .menuItem{
	float:left;

	height:32px;
	margin:0 5px 0 0;

	cursor:pointer;
}
#menu #menuMain .menuItemAnlagen			{	width:105px; 	background:transparent url(../img/menuItemBg105.gif) no-repeat;	}
#menu #menuMain .menuItemFinanzierungen	{	width:135px;	background:transparent url(../img/menuItemBg135.gif) no-repeat;	}
#menu #menuMain .menuItemVersicherungen	{	width:135px;	background:transparent url(../img/menuItemBg135.gif) no-repeat;	}
#menu #menuMain .menuItemNebenkosten		{	width:120px;	background:transparent url(../img/menuItemBg120.gif) no-repeat;	}
#menu #menuMain .menuItemDokumente		{	width:120px;	background:transparent url(../img/menuItemBg120.gif) no-repeat;	}
#menu #menuMain .menuItemService			{	width:105px;	background:transparent url(../img/menuItemBg105.gif) no-repeat;	}
#menu #menuMain .menuItemAnlagenActive			{	width:105px; 	background:transparent url(../img/menuItemBgActive105.gif) no-repeat;	}
#menu #menuMain .menuItemFinanzierungenActive	{	width:135px;	background:transparent url(../img/menuItemBgActive135.gif) no-repeat;	}
#menu #menuMain .menuItemVersicherungenActive	{	width:135px;	background:transparent url(../img/menuItemBgActive135.gif) no-repeat;	}
#menu #menuMain .menuItemNebenkostenActive		{	width:120px;	background:transparent url(../img/menuItemBgActive120.gif) no-repeat;	}
#menu #menuMain .menuItemDokumenteActive			{	width:120px;	background:transparent url(../img/menuItemBgActive120.gif) no-repeat;	}
#menu #menuMain .menuItemServiceActive			{	width:105px;	background:transparent url(../img/menuItemBgActive105.gif) no-repeat;	}

#menu #menuMain .menuItemHome{
	float:left;
	width:38px;
	height:32px;
	margin:0 5px 0 0;
	background:#262261 url(../img/menuItemHomeBg.gif) no-repeat;
}
#menu #menuMain .activeHome {
	background:#57b6dd url(../img/menuItemHomeBgActive.gif) no-repeat;
}
#menu #menuMain .menuItemHome a,
#menu #menuMain .menuItem a{
	display:block;
	width:100%;
	height:100%;
}
#menu #menuMain .menuItemHome p,
#menu #menuMain .menuItem p{
	width:100%;
	text-align:center;
	padding:10px 0 0 0;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
}
#menu #menuMain #icons {
	float:right;
}
#menu #menuMain #icons div{
	float:left;
	padding:0 6px 0 6px;
}
#menu #menuMain #icons form{
	float:left;
}
*/
/* Submen� 
#menuSub {
  margin:0 0 10px 0;
}
/*
#menu #menuSub[Attribut] {
	min-width:1024px;
}

#menu .menuSub {
	background-color:#262261;
}
#menu .menuSubActive {
	background-color:#57b6dd;
}

	#menuSub img.arrow {
		float:left;
		padding:1px 47px 0 134px;
	}
	#menuSub ul {
		float:left;
		padding:2px 0 0 0;
	}
	#menuSub ul li {
		float:left;
		padding:0 12px 0 12px;
		color:#fff;
	}
	#menuSub ul li a{
		color:#fff;
	}
	#menuSub ul li a.active{
		font-weight:bold;
	}




/************************************
*************** Login *****************
*************************************
#start {
	width:100%;
	height:320px;
}
.start-finanzexperte {
	background:url(../img/start3.jpg) no-repeat;
}
.start-onlinefinanzordner {
	background:url(../img/start-onlinefinanzordner3.jpg) no-repeat;
}
#start #loginBox {
	padding:45px 0 0 846px;
}
#start #loginBox table td{
	padding:2px 0 2px 0;
}
input.textLogin {
	padding:1px;
	width:125px;
	margin:0 0 3px 0;
}
input.submitLogin {
	width:70px;
}
p.login {
	color:#fff;

	padding:1px 0 0 37px;
}
/************************************
*************** Start *****************
*************************************
#startWebmail h1,
#startEmpfehlungen h1,
#startFinanzen h1 {
	color:#262261;
}

#startWebmail h2,
#startEmpfehlungen h2,
#startFinanzen h2 {
	font-weight:bold;
	margin:10px 0 0 0;
}
table.finanzen {

	margin-bottom:20px;
}
table.finanzen th,
table.finanzen td {
	padding:2px 0 2px 0;
	white-space:nowrap;
}
table.finanzen th {
	text-align:left;
}
table.finanzen td.label {
	padding-right:25px;
}
table.finanzen td.money {
	text-align:right;
}

table.termine td{
	padding:2px 10px 2px 0;
}


#startWebmail {
	float:left;
	width:330px;
}
	#startWebmail select.beraterauswahl {
		width:100%;
		padding:1px;
	}	
	#startWebmail #history {
		width:100% !important;
		height:250px;
		overflow:scroll;
		background-color:#fff;

		margin-bottom:15px;
	}
	#startWebmail #history h1 {
		margin:7px 0 3px 7px;
		font-size:11px;
	}
	#startWebmail #history h1.absender0 {
		color:#003d8f;
	}
	#startWebmail #history h1.absender1 {
		color:#ff0000;
	}

	#startWebmail #history p {
		padding:0 7px 10px 7px;
	}
	#startWebmail textarea#newMessage {
		width:100% !important;
		width:300px;
		height:60px;
		padding:1px;
	}

	
#startFinanzen {
	float:left;
	margin-left:25px;
	width:420px;
}
	#startFinanzen .betrag {
		text-align:right;
		width:90px;;
	}
	#startFinanzen h2 {
		margin-top:20px;
	}
#startEmpfehlungen {
	float:left;
	margin-left:25px;
	width:180px;
}	

/************************************
************* Finanzen ***************
*************************************
#berater {
	float:left;
	width:160px;
}
	#berater #image {
	
	}	
#finanzen {
	float:left;
	width:797px;
	margin-right:25px;
}

*/
/************************************
******** Meine Versicherungen *********
*************************************/
.sparpotential {
  position: relative;
}
  .sparpotential > div {
    position:absolute;
    top:-112px;
    right:10px;
    text-align: right;
  }
    .sparpotential > div span {
      font-size:30px;
      font-weight:bolder;
      color:#98BD0E;
    }
@media (max-width: 767px) {
  .sparpotential > div {
    position:relative;
    top:auto;
    right:auto;
    margin-right:10px;
  }
  
}
table.versicherungen {
	width:100%;
	border-collapse:collapse;
}
table.versicherungen td {
	vertical-align:top;
	line-height:1.1;
	padding:2px 10px;
	font-size:11px;

}
table.versicherungen .th {
	text-align:left;
	padding:2px 10px;
/*
	background-color:#F2F2F2;*/
}
table.versicherungen img.headerLine {
	width:100%;
	height:2px;
	display:none;
}
table.versicherungen tr.gray td {
	background-color:#F2F2F2;
}
table.versicherungen td.line {
  border-top:1px solid #F2F2F2;
  padding:0;
}
table.versicherungen tr.gray td.line {
  border-top:1px solid #fff;
}
table.versicherungen tr.first-row td {
  padding-top:4px;
}
table.versicherungen tr.last-row td {
  padding-bottom:4px;
}

table.versicherungen .ampel {
	width:24px;
	padding:0 0 0 6px;
}
table.versicherungen .date {
	width:75px;
	text-align:center;
}
table.versicherungen .money {
	text-align:right;
	padding-right:3px;
	width:45px;
  white-space: nowrap;
}
table.versicherungen .last {
	width:50px;
	text-align:center;
	vertical-align:middle;
}
table.versicherungen .fa {
  font-size:15px;
}
table.versicherungen .fa:first-child {
  margin-bottom:5px;
}
table.versicherungen .produktbewertung {
  display:block;
  margin-top:5px;
}
table.versicherungen .fa-star,
table.versicherungen .fa-star-o {
  color:#1F90C3;
  margin:0;
  font-size:12px;
}
table.versicherungen .fa-times {
  color:#D10020;
}

.versicherungen .versicherungen-item {
  position:relative;
  border-bottom:1px solid #211E43;
  padding:10px 0;
  
   /* NEW */ 
    background-color: #fff;
    border-bottom: none;
    margin: 0 0 10px;
    padding: 10px;  
}
  .versicherungen .versicherungen-item:last-child {
    border-bottom: none;
  }
  .versicherungen .versicherungen-item .ampel {
    float:left;
    width:24px;
  }
  .versicherungen .versicherungen-item .titel {
    width:100%;
    padding-left:24px;
  }
  .versicherungen .versicherungen-item .stars {
    position:absolute;
    top:10px;
    right:0;
  }
  .versicherungen .versicherungen-item table {
    width: 100%;
    margin:10px 0;
  }
    .versicherungen .versicherungen-item table td {
    }
    .versicherungen .versicherungen-item table td.date,
    .versicherungen .versicherungen-item table td.money {
      text-align:right;
    }
  .versicherungen .versicherungen-item .btn {
    margin-bottom:5px;
  }
  .versicherungen .versicherungen-item .btn-danger {
    position:absolute;
    top:10px;
    right:0;
    padding:1px 6px;
    width:auto;
  }
  .versicherungen .on-download {
    cursor:pointer;
  }
.versicherungen .versicherungen-item.summe {
  background-color: #F2F2F2;
  font-weight:bold;
}
  
  
  
div.iconbox {
	float:left;
	width:27px;
	height:27px;
	margin-right:3px;
}	
a.icon {
	display:block;
	height:27px;
	width:27px;
}
a.info {	
	background:url('../img/versicherung_info.png') no-repeat 0 0;
}
a.info:hover {
	background:url('../img/versicherung_info.png') no-repeat 0 -27px;
}


/* download */
input.download {
	border:none;
	background:transparent;
	cursor:pointer;
}
div.download {
	width:100%;
	display:none;

}
div.activeDownload {
	display:block;
}
table.files {
	margin:10px 0 10px 0;
}
table.files td{
	vertical-align:middle;
	line-height:25px;
	padding:0 15px 0 0;
}
.files .add-to-mailbox {
  color:#337ab7;
  cursor:pointer;
}
.download-action {
  float:left;
  width:50%;
}

 /*
input.upload {
	color:#000;
	width:70px;
} */

.mailbox-remove {
  color:#337ab7;
  cursor:pointer;
}
 

/************************************
******** Dokumentenverwaltung *******
**************************************/

table.dokumente td {
	line-height:1.3;
	white-space:nowrap;
	padding-right:10px;
}
.table-mobile.dokumente .titel {
  padding-left:0 !important;
}


/************************************
*************** Login ****************
*************************************
#content #tabnavigation div.login {
	width:100%;
	height:100%;
	background:url('../img/tab_login.png') no-repeat 2px 0px ;  
}
#content #tabnavigation div.login p {
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:9px 0 0 70px;
}
table.login_form {
	margin:20px 0 15px 0;
}
table.login_form td{
	padding:3px 0 3px 0;
}
table.login_form td.label {
	width:145px;
	text-align:right;
	padding-right:5px;
}
table.login_form td.data {
	width:360px;
}
table.login_form p,
table.login_form p a {
	font-size:10px;
	line-height:1.3;
}
table.login_form input.text {
	width:280px;
	height:14px;
	font-size:13px;
	padding:3px;
}
table.login_form input.submit {
	width:100px;
	height:22px;
}


/************************************
*********** Versicherungen ************
*************************************/
p.text {
	line-height:1.3;
	padding:13px 13px 0 33px;

}
iframe:not(.notizen-wrapper iframe) {
	width:480px;
	height:810px;
	margin:13px 0 25px 0;
	
}
fieldset.versicherung {
	width:360px;
}

#form_vs {

}
#table_vs {

}
#table_vs tr {
	height:30px;
}
#table_vs td {
	padding:3px 0 3px 0;
}
#table_vs td.label {
	text-align:left;
	padding-right:5px;
	white-space: nowrap;
}
#table_vs select {
	width:80px;
	padding:1px;
}

#table_vs input.formular  {
	width:200px;
	padding:1px;
}
#table_vs select.formular {
	width:204px;
	padding:1px;
}
#table_vs textarea.formular {
	width:200px;
	height:80px;
	padding:1px;
}

#table_vs .disabled {
	background-color:transparent;
}
#table_vs input.nrTermin { 
	background:none; 
	border:none; 
	width:80px; 
	color:#999; 
}
#table_vs  span.termin {
	color:#999;
}

.fmAnlegen {
	text-align:right;
	vertical-align:middle;
	color:#ff0000;
}

.ampelerklaerung-wrapper {
  background-color:#fff;
  padding:10px;
}
  .versicherungsampel {
  }
    .versicherungsampel > div {
      margin-bottom:4px;
      line-height:20px;
    }
    .versicherungsampel > div.gruen {
      color:#3AAA35;
    }
    .versicherungsampel > div.gelb {
      color:#FDC432;
    }
    .versicherungsampel > div.rot {
      color:#E30613;
    }
    .versicherungsampel img {
      width:18px;
      margin-right:5px;
    }

/************************************
*********** Mein Profil ***************
*************************************
fieldset.mein_profil {
	width:350px;
}
p.outputSuccess {
	margin:0 0 10px 0;
	color:#003d8f;
}
p.outputError {
	margin:0 0 10px 0;
	color:#ff0000;
}
span.pflichtfelderKind {
	display:none;
}
*/
/************************************
*********** Mein Berater *************
*************************************/
/*
div.icon_email {
	width:27px;
	height:27px;
}	*/
form#formTermin select { 
	width:50px;
}
form#formTermin select[name="termin[Y]"] { 
	width:65px;
}
.mb-c1 {
  width:200px;
  margin-right:30px;
  float:left;
}
.mb-c2 {
  float:left;
  width:520px;
}
.mb-c2 .mb-taetigkeit {
  margin-bottom:25px;
}
/*
/************************************
*********** Registrierung **************
*************************************
#content #tabnavigation div.register {
	width:100%;
	height:100%;
	background:url('../img/tab_login.png') no-repeat 2px 0px ;  
}
#content #tabnavigation div.register p {
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:9px 0 0 50px;
}

/************************************
******** Passwort anfordern ***********
*************************************
#content #tabnavigation div.pw {
	width:100%;
	height:100%;
	background:url('../img/tab_login.png') no-repeat 2px 0px ;  
}
#content #tabnavigation div.pw p {
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:9px 0 0 30px;
}

/************************************
*********** Dokumente ***************
*************************************
#content #tabnavigation div.dv {
	width:100%;
	height:100%;
	background:url('../img/tab_login.png') no-repeat 2px 0px ;  
}
#content #tabnavigation div.dv p {
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:9px 0 0 15px;
}

/************************************
*********** Webmail **** *************
*************************************
#content #tabnavigation div.webmail {
	width:100%;
	height:100%;
	background:url('../img/tab_login.png') no-repeat 2px 0px ;  
}
#content #tabnavigation div.webmail p {
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:9px 0 0 60px;
}


#webmail {
	margin:20px 35px 20px 20px;
}
#webmail #history {
	width:100% !important;
	width:493px !important;
	height:300px;
	overflow:scroll;
	background-color:#fff;
	border:1px solid #9db1ba;
	margin-bottom:20px;
}
#webmail #history h1 {
	margin:10px 0 3px 10px;
	font-size:11px;
}
#webmail #history h1.absender0 {
	color:#003d8f;
}
#webmail #history h1.absender1 {
	color:#ff0000;
}

#webmail #history p {
	padding:0 10px 10px 10px;
}
#webmail textarea#newMessage {
	width:100% !important;
	width:493px;
	height:80px;
}

/************************************
*********** Pr�mienrechner ***********
*************************************

/************************************
************* Impressum *************
*************************************
p.impressum  {
	padding:10px 0 10px 0;
}

/************************************
************** Kontakt ***************
*************************************
p.kontakt  {
	padding:10px 0 15px 0;
	width:450px;
}

/************************************
************ Formulare ***************
*************************************
#tabs {
	width:640px;
}
form.service {
	width:638px;

	border-top:none;
	margin:0 0 80px 0;
	padding:0;
}
form.service div.servicePad {
	padding:10px;
}
input.generatePDF {
	width:90px;
}

/* Wert bei MV *
input.wert {
	width:60px;
	height:14px;
	background-color:#e8e8e9;
	border:1px solid #a7a9aa;
}

input.wertSubmit {

}

#ssl-schutz{
	margin:15px 0 0 0;
}

*/

/************************************
*********** Versicherungen ************
*************************************/
.empfehlung .empfehlung-item {
  border-bottom:1px solid #F2F2F2;
  padding:10px 0;
}
  .empfehlung .empfehlung-item table td {
    padding-right:20px;
  }
  
  
/************************************
************ BSC ***************
*************************************/
/*.fontShoppen {
    color: #01632f;
}
.fontReisen {
    color: #e36929;
}*/

.cashback-program-wrapper {
  display: flex;
  flex-flow: row wrap;
  /*gap:10px 10px;*/
  align-content: stretch;
  margin:0 -10px;
}
  .cashback-program-wrapper .cashback-program {
      border:1px solid #98BD0E;
      background-color:#98BD0E;
      flex: 1;
      margin:0 10px 10px 0;
      display:block;
  }
    .cashback-program-wrapper .cashback-program:hover {
      border:1px solid #211E43;
      background-color:#211E43;
      text-decoration:none;
    }
    .cashback-program-wrapper .cashback-program .cashback-program-image {
      background-color:#fff;
      text-align:center;
    }
      .cashback-program-wrapper .cashback-program .cashback-program-image img {
        margin:5px 5px;
        width:120px;
      }
    
    .cashback-program-wrapper .cashback-program .cashback-program-provision {
      line-height:1.7;
      font-weight:bold;
      font-size:16px;
      text-align:center;
      color:#fff;
    }

@media (min-width: 1170px) {
  .cashback-program-wrapper .cashback-program {
      max-width:149px;
  }
  
}

/************************************
************ ProgramList **************
*************************************/
/*
table.programList{
	margin-top:14px;
	width:100%;
}
table.programList a {
}
table.programList th,
table.programList td{
	border-bottom:1px dotted #B5B6B7;
	text-align:left;
}
table.programList th.logo{
	width:105px;
	color:#000;
}
table.programList th.detail{
	width:260px;
	color:#000;
}
table.programList th.provision{ 
	text-align:right;
	color:#000;
}
table.programList td{
	height:58px;
	vertical-align:middle;
}
table.programList td.provision{
	font-weight:bold;
	font-size:13px;
	text-align:right;
	padding-left:5px;
}

h1.button {
    color: #fff;
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
    margin:0;
    text-align:center;
    line-height:35px;
}
h1.button a {
    color: #fff;
    display: block;
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
}
h1.button a:hover {
    text-decoration: none;
}*/
/******************* Men� ********************************/	
/*#categories {
	float:left;
	width:185px;
	margin:6px 25px 0 0 !important;
}

#categories .category {
	width:185px;
	height:31px;
	background:#ccc;
	border-bottom:1px solid #fff;
}
#categories .categorySel {
	height:31px;
}

.categories-shoppen .category a:hover,
.categories-shoppen .categorySel {
	background:#97BE0D;
	width:184px;

}
.categories-reisen .category a:hover,
.categories-reisen .categorySel {
	background:#F8B305;
}

#categories .category a,
#categories .categorySel a {
	color:#fff;
	display:block;
	width:100%;
	height:100%;
}
#categories .categorySel a:hover,
#categories .category a:hover {
	text-decoration:none;
}
#categories .category p,
#categories .categorySel p {
	padding:0 0 0 5px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
	margin:0;
	line-height:31px;
}

div.subcategories {
	width:185px;
	background:#fff url('http://www.bankshop-card.de/img/subcategories.gif') repeat-y;
}
div.subcategories ul {
	width:166px;
	list-style:none;
	margin:0 9px 0 9px;
	padding:0;
}
div.subcategories ul li{
	border-bottom:1px solid #f6f6f6;
	padding:6px 0 6px 0;
}
div.subcategories ul li:last-child{
	border-bottom:none;
}
div.subcategories ul li a{
	color:#b5b5b5;
	font-size:12px;
}

*/

/**************** Possibilities ******************************/
/*#possibilities {
	float:left;
	width:377px;
	height:420px;
	margin:6px 10px 0 0 !important; 
	margin:6px 0px 0 0; 
}

.possibilitiesShoppen {
	background:url('http://www.bankshop-card.de/img/possibilitiesShoppen.png') no-repeat;
}
.possibilitiesReisen {
	background:url('http://www.bankshop-card.de/img/possibilitiesReisen.png') no-repeat;
}
.boxTitleShoppen {
	background:url('http://www.bankshop-card.de/img/buttonPosShoppen.gif') no-repeat;
}
.boxTitleReisen {
	background:url('http://www.bankshop-card.de/img/buttonPosReisen.gif') no-repeat;
}
.posShoppen {	
	border:1px solid #01632F;
}	
.posReisen {	
	border:1px solid #F3B73B;
}	
.boxKassieren {	
	width:100%;
	height:85px;
	background:#fff url(http://www.bankshop-card.de/img/bankshop-card3.png) no-repeat right bottom;
}
.boxSparen {	
	width:100%;
	height:85px;
	background:#fff url(http://www.bankshop-card.de/img/bankshop-card3.png) no-repeat right bottom;
}
.boxSpenden {	
	width:100%;
	height:85px;
	background:#fff;
}
#possibilities .pos {
	width:100%;
	margin:0 0 8px 0;
}

#possibilities .pos .posPad {
	padding:6px 0 2px 9px;
}
#possibilities p.h2 {
	font-weight:bold;
	font-size:17px;
	font-family:Arial;
}

#possibilities p.txtTop {
	padding:10px 0 18px 0;
	line-height:1.5;
}
#possibilities p.txt {
	padding:8px 0 8px 0;
}*/

/****************** Offers **************************************/
/*#offers {
	float:left;
	width:377px;
	height:420px;
	margin:6px 0 0 0;
}
.offersShoppen {
}
.offersReisen {
}
.offerShoppen {
	border:1px solid #01632F;
}
.offerReisen {
	border:1px solid #F3B73B;
}
#offers .offer {
	width:100%;
	height:104px;
	margin:13px 0 0 0;
	text-align:center;
	background:#fff;
}
#offers .offer .pad {
	padding-top:15px;
}
#offers .offer .link {
	width:337px;
	text-align:right;
	padding-top:5px;
}
#offers .offer .link  a{
	font-weight:bold;
	font-size:17px;
}
.offersShoppen .offer .link  a{
	color:#01632F;
}
.offersReisen .offer .link  a {
	color:#E36929;
}
#offers .offer .link  a{
	text-decoration:none;
}*/



/******** Programme *******************/
/*#programs {
	width:516px;
	margin-right:25px;
	float:left;
}	*/

/************* Detailansicht ***************************/
/*#navigationpath {
	margin:12px 0 20px 0;
	color:#97BE0D;
}
#navigationpath a {
	color:#97BE0D;
}
#navigationpath img {
	margin:0 5px 0 5px;
}
#programs h1 {
	font-weight:bold;
}
#programs h1.shoppen {
	color:#01632F;
}
#programs h1.reisen {
	margin-top:12px;
	color:#E36929;
}
#programs span.provision {
	font-weight:bold;
	font-size:16px;
}
#programs p.shopLink {
	width:100%;
	text-align:right;
	margin-top:20px;
}
#programs p.text {
  padding:0;
}
table.links {
	margin:20px 0 0 0;
	width:100%;
}*/

/*************** Tipps *******************************/
/*#tipps  {
	width:226px;
	float:left;
	margin:6px 0 0 0;
}
#tipps .tippHeader {
	width:226px;
	height:35px;
}
#tipps .tippShoppen {
	background:#83A40B url('http://www.bankshop-card.de/img/tippShoppen.gif') no-repeat;
}
#tipps .tippReisen {
	background:#DE9B32 url('http://www.bankshop-card.de/img/tippReisen.gif') no-repeat;
}
#tipps .tippBox {
	width:226px;
	height:152px;
	margin:6px 0 0 0;
	background:#fff url('http://www.bankshop-card.de/img/tippBox.gif') no-repeat;
}
#tipps .tippBox .logo {
	float:left;
	padding:10px 0 0 10px;
	width:80px;
}
#tipps .tippBox .provision {
	float:left; 
	font-weight:bold;
	font-size:16px;
	width:110px;
	text-align:right;
	padding:20px 0 0 10px;
}
#tipps .tippBox div.hr {
	width:200px; 
	height:1px;
	border-bottom:1px solid #cccdcc;
	margin:0 0 0 10px;
}
#tipps .tippBox h2 {
	font-weight:bold;
	padding:3px 10px 0 10px;
}
#tipps .tippBox p {
	padding:0 10px 0 10px;
	line-height:1.5;
}*/


/******** Konto *******************/
p.text-bsc {
  padding:0;
}

#kontoMenu {
	width:247px;
	float:left;
}
#kontoMain {
	width:470px;
	float:left;
	margin-right:33px;
}
#dkb {
	width:227px;
	float:left;
	text-align:right;
}
#dkb img {
	border:1px solid #3366ff;
	margin-bottom:5px;
}
table.konto {
	width:100%;
	margin:10px 0 20px 0;
}
table.konto th,
table.konto td {
	height:26px;
	padding:3px 15px 3px 0;
}
table.konto th {
	border-bottom: 1px solid #e5e5e5;
	text-align:left;
}
table.konto td {
	vertical-align:top;
}
table.konto th.date,
table.konto td.date {
	width:58px;
}
table.konto th.money,
table.konto td.money { 
	width:69px;
	text-align:right;
}
table.konto th.price,
table.konto td.price {
	background-color:#efefef;
}
table.konto td.border {
	border-top: 1px solid #e5e5e5;

}

#kontoMenu ul {
	margin:0 0 200px 0;
	list-style:none;
	
}
#kontoMenu ul li a{
	display:block;
	height:21px;
	padding-left:32px;
}
#kontoMenu ul li a:hover,
#kontoMenu ul li a.active{
	background:url('../img/kontoMenu.gif') no-repeat 0px 0px;
	text-decoration:none;
}

table#userForm {
	width:100%;
}
table#userForm td{
	padding:5px 5px 5px 0;
	line-height:1.5;
}
table#userForm td.label{
	width:100px;
}
table#userForm td.label2{
	width:150px;
}
table#userForm td input,
table#userForm td select{
	padding:1px;
}
p.favDelete {
  padding:0 0 0 7px;
  color:#999;
  font-size: 12px;
  margin: 0;	
}
p.favDelete a{
	color:#999;
}

/* Auszahlung */
#auszahlung {
	margin:15px 0 15px 0;
}
#auszahlung td {
	vertical-align:middle;
}
#auszahlung td.label {
	padding:0 25px 0 0;
}
#auszahlung td.input {
	padding:0 4px 0 0;
}

p.outputAuszahlung {
   width:100%;
   background-color:#E8EEF5;
   border:1px solid #244E7E;
   color:#244E7E;
   padding:5px;
   margin-bottom:10px;
   line-height:1.5;
}

#trSpende {
	display:none;
}
#trSpende p {
	padding:15px 0 3px 0;
}
#trSpende textarea {
	width:100%;
	height:50px;
}


/********* Service *********************/
#tabs .ui-widget-header {
  background:none;
}
#tabs .ui-tabs-nav {
    border-bottom:1px solid #160D47;
  -moz-border-radius:0px; /* Firefox */
  -webkit-border-radius:0px; /* Safari, Chrome */
  -khtml-border-radius:0px; /* Konqueror */
  border-radius:0px;
}

#tabs .ui-tabs-nav li a span {
  font-size:13px;
  font-weight:normal;
}
#tabs .ui-state-default a,
#tabs .ui-state-default a:link,
#tabs .ui-state-default a:visited {
  color:#fff;
}
#tabs .ui-state-default,#tabs  .ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default {
    border-bottom: none !important;
}
#tabs .ui-tabs-active {
    background-color:#fff !important;
    border-bottom:none !important;
}
#tabs .ui-state-active a,
#tabs .ui-state-active a:link,
#tabs .ui-state-active a:visited {
  color:#160D47;
}
#tab-policenverkauf .policenverkauf-auswahl,
#tab-policenverkauf a.linkbutton {
    width:375px;
    margin:0 0 10px 0;
}
#tab-policenverkauf .policenverkauf-auswahl {
  line-height:1.5;
}

/******* Meine Bilanz ***********************/
table.bilanz {
  margin-top:30px;
  width:100%;
}
table.bilanz th,
table.bilanz td {
	padding:3px 20px 3px 0;
	white-space:nowrap;
}
table.bilanz th {
	text-align:left;
	font-weight: bold;
	background-color:#F2F2F2;
}
table.bilanz .summe {
	font-weight: bold;
}
/*table.bilanz td.label {
	padding-right:25px;
}*/
div.bilanz .betrag,
table.bilanz .betrag {
	text-align:right;
}
.bilanz .result_green {
  color:#98BD0E;
  font-weight: bold;
}
.bilanz .result_red {
  color:#D10020;
  font-weight: bold;
}

div.bilanz .bilanz-header {
  padding:3px 20px 3px 10px;
  text-align:left;
  font-weight: bold;
  background-color:#211E43;
  margin-top:10px;
    color:#fff;
}
  div.bilanz .bilanz-header a {
    color:#fff;
    text-decoration:underline;
    display:block;
  }


.bilanz .bilanz-item {
  position:relative;
  border-bottom:1px solid #F2F2F2;
  padding:10px 0;
}
  .bilanz .bilanz-item .stars {
    position:absolute;
    top:10px;
    right:0;
  }
  .bilanz .bilanz-item table {
    width:100%;
    margin-top:5px;
  }
.bilanz .bilanz-item.summe {
  background-color: #F2F2F2;
  font-weight:bold;
}
/******* Tarifbewertungen ***********************/
.tarifbewertungen {
  width:auto;
  min-width:500px;
  margin-top:0;
}

/******* BKK Bonusprogramm ***********************/
.bonusprogramm {
  margin:0 0 10px 0;
  background-color:#F2F2F2;
  width:100%;
}
.bonusprogramm th,
.bonusprogramm td {
  border:1px solid white;
  padding:5px;
  font-size:12px;
}
.bonusprogramm .name {
  font-weight:normal;
  font-size:15px;
}
.bonusprogramm .alter {
  font-weight:normal;
}
.bonusprogramm .lt3 {
  color:#CF2630;
}
.bonusprogramm .gt3 {
  color:#98BD0E;
  font-size:15px;
}
.bonusprogramm span.s25 {
  font-size:15px;
}
.bonusprogramm td.wert {
  color:#1F90C3;
  font-size:15px;
}
.bonusprogramm th,
.bonusprogramm td.wert,
.bonusprogramm td.checkbox {
  text-align:center;
}


  
.bonusprogramm .bonusprogramm-item  {
  border-bottom:20px solid white;
}
  .bonusprogramm .bonusprogramm-item .alter  {
    font-size:12px;
  }
  .bonusprogramm .bonusprogramm-item p  {
    padding:10px 5px;
    margin:0;
  }
  .bonusprogramm .bonusprogramm-item table  {
    width:100%;
  }
  .bonusprogramm .bonusprogramm-item table td:last-child {
    width:80px;
  }


/******* Tagesgeld Sofortbonus ***********************/
#tagesgeld-sofortbonus h1 {
  
}
#tagesgeld-sofortbonus .row {
  border-bottom:1px solid #fff;  
}
#tagesgeld-sofortbonus .col-1,
#tagesgeld-sofortbonus .col-2,
#tagesgeld-sofortbonus .col-23,
#tagesgeld-sofortbonus .col-3 {
  float:left;
  background-color:#F2F2F2;
  min-height:50px;
  line-height:50px;
  box-sizing: border-box;
  padding:0 0 0 10px;
}
#tagesgeld-sofortbonus .col-1 {
  border-right:1px solid #fff;
  width:18%;
  
}
#tagesgeld-sofortbonus .col-2 {
  border-right:1px solid #fff;  
  width:27%;
}
#tagesgeld-sofortbonus .col-2-b {
  border-right:5px solid #fff;  

}
#tagesgeld-sofortbonus .col-3 {
  width:54%;
}
#tagesgeld-sofortbonus .col-23 {
  width:81%;
  text-align:center;
}
#tagesgeld-sofortbonus .small {
  font-size:12px;
}
#tagesgeld-sofortbonus .result {
  font-size:20px;
}
#tagesgeld-sofortbonus .betrag {
  text-align:center;
}
#tagesgeld-sofortbonus .row-vergleich-text {
  margin-top:7px;
}

#tagesgeld-sofortbonus .row-vergleich .col-1,
#tagesgeld-sofortbonus .row-vergleich .col-2,
#tagesgeld-sofortbonus .row-vergleich .col-3 {
  min-height:150px;
}

#tagesgeld-sofortbonus .row div .col-1,
#tagesgeld-sofortbonus .row div .col-2 {
  width:50%;
}
#tagesgeld-sofortbonus input {
  height:28px;
  width:85px;
  border:none;
  line-height:1;
  text-align:right;
  padding:0 5px 0 0;
  margin:10px 0 0 0;
}
#tagesgeld-sofortbonus a.linkbutton {
  line-height:1.5;
    width:175px;
}

/******* Cashback ***********************/
.register-cashback {
  width:100%;
  height:554px;
  background:url(../img/register-cashback.jpg) no-repeat;
  position:relative;
}
.register-cashback div {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:150px;
  background-color:#211E43;
  opacity: 0.7;     
  -moz-opacity: 0.7;  
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
  filter:alpha(opacity=70); 
}
.register-cashback p {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  
  line-height:1.5;
  font-size:22px;
  color:#fff;
  text-align:center;
}
.register-cashback p span {
  font-size:25px;
}


/******* Empfehlungen - App *******************/
.empfehlung-app {
  margin:10px 0;
  background-color:#EBEBEB;
  padding:10px;
}
  .empfehlung-app .col {
    float:left;
    width:50%;
    font-size:30px;
    text-align: center;
    margin:10px 0;
    line-height:1;
  }
  .empfehlung-app div.col-2 {
    border-left:2px solid #fff;
  }
  .empfehlung-app .col span {
    font-size:14px;
    line-height:1;
  }



/******* Login - Mobile ***********************/

.login-button {
  position: absolute;
  top:25px;
  right:60px;
  width:42px;
  text-align:center;
  line-height:32px;
  background-color: #211E43;
  border: 1px solid transparent;
  border-radius: 4px;
  color:#fff;
  display:none;
  font-size:20px;
}
  .login-button:hover {
    color:#fff;
  }
.login-mobile {
  padding:25% 15px 0 15px;
}
.b-login-mobile .login-mobile {
  padding-top:20px;
  padding-bottom:20px;
  position:absolute;
  bottom:0;
  left:0;
  background-color:#fff;
  width:100%;
  z-index:6;
}


  .b-register-gesellschaften-app {
    padding-bottom: 75px;
  }
  
  .register-gesellschaften h1,
  .login-mobile h1 {
      /*color:#1F90C3;
      font-size:18px;*/
      margin:20px 0;
  }
  .login-mobile .input-group {
    border-collapse: separate;
    display: table;
    position: relative;
    margin-bottom:20px;
    border-bottom:2px solid #7F8184;
    width:100%;
  }
    .login-mobile .input-group .info {
      position:absolute;
      right:0;
      top:10px;
      font-size:20px;
      z-index:2000;
    }
  .login-mobile .passwortvergessen,
  .login-mobile .registrieren {
    margin-top:10px;
    text-align:center;
  }
  .login-mobile .passwortvergessen a,
  .login-mobile .registrieren a {
    text-decoration:none;
    color:#333;
    font-size:12px;
  }
  .login-mobile .passwortvergessen a:hover,
  .login-mobile .registrieren a:hover {
    text-decoration:underline;
  }
  .login-mobile .btn {
    line-height:38px;
  }

/*.login-mobile label:not(#controlgroup label) {
  color: #b0b0b0;
  padding: 6px 12px;
  font-size: 16px;    
}*/
.login-mobile .error {
  text-align:center;
}
.login-mobile .required {
  font-size:12px;
}
  .login-mobile .nutzungsbedingungen-group label {
    text-align:left;
    width:100%;
    line-height:2;
  }
  .login-mobile .nutzungsbedingungen-group .ui-state-active,
  .login-mobile .nutzungsbedingungen-group .ui-widget-content .ui-state-active,
  .login-mobile .nutzungsbedingungen-group .ui-widget-header .ui-state-active,
  .login-mobile .nutzungsbedingungen-group a.ui-button:active,
  .login-mobile .nutzungsbedingungen-group .ui-button:active,
  .login-mobile .nutzungsbedingungen-group .ui-button.ui-state-active:hover {
    background-color:#211E43 !important;
    border-color:#fff !important;
  }
  .login-mobile .nutzungsbedingungen-group .ui-state-active a,
  .login-mobile .nutzungsbedingungen-group .ui-widget-content .ui-state-active a,
  .login-mobile .nutzungsbedingungen-group .ui-widget-header .ui-state-active a,
  .login-mobile .nutzungsbedingungen-group a.ui-button:active a,
  .login-mobile .nutzungsbedingungen-group .ui-button:active a,
  .login-mobile .nutzungsbedingungen-group .ui-button.ui-state-active:hover a {
    text-decoration: underline;
  }
.login-mobile .ssl-wrapper {
    font-weight: bold;
    left: 0;
    position: absolute;
    text-align: center;
    top: -90px;
    width: 100%;
    z-index:5;
}
  .login-mobile .ssl-wrapper img {
    width:60px;
  }

@media screen and ( max-height: 400px ){
  .login-mobile .ssl-wrapper {
      top: -40px;
  }
  .login-mobile .ssl-wrapper img {
    display:none;
  }
}


.input-group.input-group-date {
  margin-top:5px;
}
.input-group.input-group-date select {
  width:32%;
}

.register-steps {
  position: relative;
  height:40px;
}
  .register-steps .step {
    background-color: #9D9D9C;

    width: 40px;
    height: 40px;

    position: absolute;
    top:0;

    text-align: center;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    line-height:40px;

    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    border-radius:20px;
    
    z-index:1;
  }
  .register-steps .step.active {
    background-color:#160d47;
  }
  .register-steps .step a {
    display:block;
    width:100%;
    height:100%;
    color:#fff;
  }
    .register-steps .step a:hover {
      text-decoration: none;
    }
  /*.register-steps .step.step1 { left:0; }
  .register-steps .step.step2 {
    left:-webkit-calc( (100% - 40px) / 3);
    left:-moz-calc( (100% - 40px) / 3);
    left:calc( (100% - 40px) / 3);  
  }
  .register-steps .step.step3 {
    right:-webkit-calc( (100% - 40px) / 3);
    right:-moz-calc( (100% - 40px) / 3);
    right:calc( (100% - 40px) / 3);  
    
  }
  .register-steps .step.step4 { right:0; }
 */
  .register-steps .step.step1 { left:0; }
  .register-steps .step.step2 {
    left:-webkit-calc( (100% - 40px) / 4);
    left:-moz-calc( (100% - 40px) / 4);
    left:calc( (100% - 40px) / 4);  
  }
  .register-steps .step.step3 {
    left:-webkit-calc( (50% - 20px));
    left:-moz-calc( (50% - 20px));
    left:calc( (50% - 20px));  
    
  }
  .register-steps .step.step4 {
    right:-webkit-calc( (100% - 40px) / 4);
    right:-moz-calc( (100% - 40px) / 4);
    right:calc( (100% - 40px) / 4);  
    
  }
  .register-steps .step.step5 { right:0; }
 



  .register-steps .line {
    background-color: #7F8184;
    width: 100%;
    height: 3px;
    position: absolute;
    top:19px;
    left:0;
    z-index: 0;
  }

.info-app-wrapper {
  text-align: center;
  font-size:20px;
}


/******* Login - Unterschriftenfeld ***********************/
.m-signature-pad {
/*  position: absolute;*/
  font-size: 10px;
/*  width: 700px;*/
  height: 300px;
  /*top: 50%;
  left: 50%;
  margin-left: -350px;
  margin-top: -200px;*/
  border: 1px solid #e8e8e8;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
  border-radius: 4px;
  position:relative;
  margin-top:20px;
  margin-bottom:20px;
}


.m-signature-pad:before, .m-signature-pad:after {
  /*position: absolute;*/
  z-index: -1;
  content: "";
/*	width: 40%;
	height: 10px;
	left: 20px;
	bottom: 10px;*/
	background: transparent;
	-webkit-transform: skew(-3deg) rotate(-3deg);
	-moz-transform: skew(-3deg) rotate(-3deg);
	-ms-transform: skew(-3deg) rotate(-3deg);
	-o-transform: skew(-3deg) rotate(-3deg);
	transform: skew(-3deg) rotate(-3deg);
	box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}

.m-signature-pad:after {
/*	left: auto;
	right: 20px;*/
	-webkit-transform: skew(3deg) rotate(3deg);
	-moz-transform: skew(3deg) rotate(3deg);
	-ms-transform: skew(3deg) rotate(3deg);
	-o-transform: skew(3deg) rotate(3deg);
	transform: skew(3deg) rotate(3deg);
}

.m-signature-pad--body {
  position: absolute;
  left: 0;
  top: 0;
  height:100%;
  width:100%;
  border: 1px solid #f4f4f4;
}

.m-signature-pad--body canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
  }

.m-signature-pad--footer {
  position: absolute;
  /*left: 20px;*/
  right: 10px;
  top: 10px;
  height: 40px;
}

.m-signature-pad--footer .description {
    color: #C3C3C3;
    text-align: center;
    font-size: 1.2em;
    margin-top: 1.8em;
  }

.m-signature-pad--footer .button {
    /*position: absolute;
    bottom: 0;*/
  }

.m-signature-pad--footer .button.clear {
    /*left: 0;*/
  }

.m-signature-pad--footer .button.save {
    right: 0;
  }

@media screen and (max-width: 1024px) {
  .m-signature-pad {
    height: auto;
    min-width: 250px;
    min-height: 140px;
  }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .m-signature-pad {
  }
}

@media screen and (max-height: 320px) {
  .m-signature-pad--body {
  }
  .m-signature-pad--footer {
  }
  .m-signature-pad--footer .description {
    }
}
/******* Register - App ***********************/

body.b-login-mobile {
    background:#fff url(../img/login-app3.jpg) no-repeat center 0px;
    background-size:cover;
}  
  body.b-login-mobile header {
    
  }
body.b-pw-app,
body.b-register-partner-app,
body.b-register-gesellschaften-app,
body.b-register-kundendaten-app,
body.b-register-maklervertrag-app,
body.b-register-datenschutzinformation-app,
body.b-register-app {
    background-color:#ebebeb;
}
  body.b-pw-app header,
  body.b-register-partner-app header,
  body.b-register-gesellschaften-app header,
  body.b-register-kundendaten-app header,
  body.b-register-maklervertrag-app header,
  body.b-register-datenschutzinformation-app header,
  body.b-register-app header {
      background-color:#ebebeb;
      border-bottom:5px solid #fff;
  }
  body.b-pw-app .navbar-mobile,
  body.b-register-partner-app .navbar-mobile,
  body.b-register-gesellschaften-app .navbar-mobile,
  body.b-register-kundendaten-app .navbar-mobile,
  body.b-register-maklervertrag-app .navbar-mobile,
  body.b-register-datenschutzinformation-app .navbar-mobile,
  body.b-register-app .navbar-mobile {
      background-color:#ebebeb;
  }
  

body.b-pw-app .login-mobile .input-group,
body.b-register-partner-app .login-mobile .input-group,
/*body.b-register-gesellschaften-app .login-mobile .input-group,*/
body.b-register-kundendaten-app .login-mobile .input-group,
body.b-register-app .login-mobile .input-group {
  border-bottom:none;
}
/******* Register - Gesellschaften ***********************/
.gesellschaft-select td {
  padding:15px 10px 15px 5px;
  border-top:1px solid #7f8184;
  cursor:pointer;
  background-color:#fff;
}

.gesellschaft-select td i {
  font-size:20px;
}
.gesellschaft-selected td {
  background-color:#160d47;
/*  background-color:#1F90C3;*/
  color:#fff;
}
.gesellschaften-button-wrapper {
  position:fixed;
  left:0;
  bottom:0;
  background-color:#EBEBEB;
  padding:10px;
  width:100%;
}
  .gesellschaften-button-wrapper button {
    line-height:38px;
  }

/******* Register - Partner ***********************/
.register-partner {
  text-align:center;
}
.register-partner .btn {
  float:left;
  width:48%;
}


/******* Startseite - App ***********************/
.start-app-container {
}
h1.start-app {
  color:#5a5a5a;
  font-weight:normal;
  font-size:18px;
  margin: 20px 0;
}
.start-app-box {
  background-color:#1e90c4;
  text-align:center;
  float:left;
  width:49%;
  height:28%;
  margin-right:2%;
  margin-bottom:2%;
  padding:10px;
}
  .start-app-box a {
    color:#fff;
    display:block;
  }
.start-app-container .btn {
  width:100%;
}
  
/******* Meine Steuern ***********************/
.smartsteuer {
  width:100%;
  margin:20px 0 0 0;
  max-width:200px;
  display: block;
}
@media (max-width: 767px) {
    .smartsteuer {
      margin:20px auto 0 auto;
  }
}

/******* Bonit�tscheck ***********************/
h2.bonitaet {
  margin:25px 0 0 0;;
  font-size:14px;
  font-weight:bold;
}
.bonitaetsampel {
  margin-bottom:10px;
}
  .bonitaetsampel > div {
    margin-bottom:4px;
    line-height:30px;
  }
  .bonitaetsampel > div.gruen {
    color:#3AAA35;
  }
  .bonitaetsampel > div.gelb {
    color:#FDC432;
  }
  .bonitaetsampel > div.rot {
    color:#E30613;
  }
  .bonitaetsampel img {
    width:22px;
    margin-right:5px;
  }
  .btn-bonitaet {
    white-space: normal !important;
    margin-top:10px !important;
  }
/*
.bonitaet {
    width:100%;
  padding:12px 0;
    
    background-color: #e6e6e6;
    border: 1px solid #ccc;
    color: #333;

    -moz-user-select: none;
    background-image: none;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
  .bonitaet.gruen {
      background-color: #dff0d8;
      border: 1px solid #5CB85C;
      color: #333;
      margin-bottom:10px;
  }
  .bonitaet.rot {
      background-color: #F2DEDE;
      border: 1px solid #D9534F;
      color: #333;
      margin-bottom:10px;
  }
  .bonitaet.gelb {
      background-color: #FCF8E3;
      border: 1px solid #F0AD4E;
      color: #333;
      margin-bottom:10px;
  }
  
*/
/******* Submen�-App ***********************/
.submenu-container {
  margin-bottom:20px;
}
  .submenu-container .submenu {
    float:left;
    width:20%;
    border-right:1px solid #fff;
    background-color:#EDEDED;
    line-height:31px;
    text-align:center;
  }
    .submenu-container .submenu a {
      color:#333;
      display:block;
    }
    .submenu-container .submenu a:hover {
      text-decoration:none;
    }
  .submenu-container .submenu.active,
  .submenu-container .submenu.active a {
    background-color:#211E43;
    color:#FFFFFF;
  }


/******* Responsive ***********************/
.table-mobile,
.navbar-mobile {
  display:none;
}
.table-desktop {
  display:table;
}
#menuSubWrapper,
.navbar-desktop {
  display:block;
}
.vergleich-mobile {
  display:none;
}
.navbar-mobile {
  background-color:#fff;
}
#berater-webmail-mobile {
  display:none;
}
.mobile-only {
  display:none !important;  
}

@media (max-width: 1170px) {

  .img-responsive {
    max-width:100%;
  }
  
  header .col-4 ul {
    float:left;
  }
  .container {
    width: 100%;
    /*margin-left:10px;
    margin-right:10px;*/
  }
  .container .row .col-2 {
    display:none;
  }
  .container .row .col-8 {
    width:100%;
    padding-left:15px;
    padding-right:15px;
    float:none;
  }
  .container .row .col-4 {
    width:100%;
    float:none;
  }
  header .container .row .col-4 {
    padding-left:10px;
  }


  .menuSpace {
    border-bottom: 1px solid #bcbdc0;
  }
  nav ul li .menuIcon,
  nav ul li img {
    display:none;
  }

  nav ul li.active  {  
    font-weight:bold;
  }
  
  .menuItemBilanz,
  .menuItemAnlagen,
  .menuItemFinanzierungen,
  .menuItemVersicherungen,
  .menuItemNebenkosten,
  .menuItemDokumente {
    min-width:0;
  }
  .menuItemDokumente {
    margin-right: 20px;
  }
  .cashback-mobile {
    display:block !important;
  }
  #menu-cashback {
    display:none;
  }
  .login-box,
  .berater-box {
    margin-top:20px;
  }
  .berater-box {
      min-height: 0;
  }
    .berater-box .beratungstermin .col1 {
      float: right !important;
    }
  
  section .vergleich-header {
    margin-left:10px;
  }
  section .box {
      margin-bottom: 0;
      margin-right: 0;
      border-bottom:5px solid #fff;
      border-right:5px solid #fff;
      box-sizing: border-box;
  }
  section .box-large {
	  width:50%;
  }
  section .box-small {
	  width:25%;
  }
  section .box-last {
      border-right:0;
  }  
  .slider-container {
    margin-left:-5px;
  }

  .vergleich-more {
    display:none;
  }
  .vergleich-mobile.vergleich2 {
    display:block !important;
  }
  .vergleich-mobile {
    display:block;
  }
  .vergleich-desktop {
    display:none;
  }
  
  .slider-container {
      margin-left: 0;
      margin-right: 0;
  }  
}


    
@media (max-width: 767px) {

  .table-mobile,
  .navbar-mobile {
    display:block;
  }
  .table-desktop,
  #menuSubWrapper,
  .navbar-desktop {
    display:none;
  }
  .mobile-only {
    display:block !important;  
  }
  

  header .logo img {
      width:250px;
  }
  .login-button {
    display:block;
  }
  
  .login-box {
    display:none;
  }
  .container .row .col-4 {
    margin-top:20px;
  }
  
  
  section .box img {
    display:none;
  }
  section .box-large,
  section .box-small {
    width:100%;
    border-right:0;
  }
  
  footer .footer-text,
  footer .footer-copyright {
    padding-left:10px;
  }    
  footer .footer-copyright {
       float: none;
  }  
  footer .footer-links {
    display:none;
  }
  footer .footer-text span {
      font-size: 16px;
  }
  footer .footer-text {
      margin-bottom:20px;
  }
  
  footer .row-1 {
    display:block;
  }  
  footer .row-1 .col-6,
  footer .row-1 .col-40,
  footer .row-1 .col-20 {
    width:100%;
  }
  footer .row-1 .col-20 {
    text-align:left;
    margin:0 0 20px 0;
  }
    footer .row-1 .col-20 img {
      padding-left:5px;
    }
  footer .row-1 .app-icons {
    text-align:left;
    padding:0 0 0 5px;
    margin-bottom:20px;
  }
  
  /*
  footer .footer-links {
       float: none;
       padding-left:9px;
       margin-top:5px;
  }
    footer .footer-links li {
	border-top: 1px solid #9b9b9b;
	float: none;
	margin: 10px 0;
	padding-top: 10px;
	text-align: center;
    }
	footer .footer-links li a {
	    display:block;
	}  */

  
  .tarifbewertungen {
    width:100%;
    min-width:0;
  }
    .tarifbewertungen tr td:last-child {
      text-align: right;
      padding-right: 0;
    }
  .btn-default,
  .btn-secondary,
  .btn-danger {
    width:100%;
  }
  
  div.download {
      width: 100%;
  }
  div.download .files {
    padding-top:10px;
  }
  div.download .files > div {
    margin:20px 0;
  }
  div.download .files .btn-secondary {
    margin:10px 0;
  }
  
  .berater-box .bewertung {
    display:none;
  }
  #berater-webmail-mobile {
    display:block;
    margin-top:10px;
  }
  #berater-webmail-desktop {
    display:none;
  }
 
  
  
  /* Alle Formulare */
  #table_vs,
  #table_vs tbody,
  #table_vs tr,
  #table_vs td {
    display:block;
    clear:both;
  }
    #table_vs tr {
	height: auto;
	margin-bottom:10px;
    }
    #table_vs td input[type=text],
    #table_vs td input[type=password],
    #table_vs input.formular,
    #table_vs select.formular,
    #table_vs td textarea {
      width:100%;
    }

  table.form,
  table.form tbody,
  table.form tr,
  table.form td {
    display:block;
    clear:both;
  }
    #table_vs tr {
	height: auto;
	margin-bottom:10px;
    }
    table.form td input[type=text],
    table.form td input[type=password],
    table.form input.formular,
    table.form select.formular,
    table.form td textarea {
      width:100%;
    }



    
  /* Finanzen */
  body.b-1 > section,
  body.b-2 > section,
  body.b-11 > section,
  body.b-21 > section,
  .berater-box {
    background-color:#ebebeb;
  }
  .versicherungen.table-mobile {
    position:relative;
  }
  .versicherungen .btn-new {
    position: absolute;
    top: 5px;
    right: 0;
    width: auto;
    padding:5px 10px;

  }
    
  .versicherungen .versicherungen-item .btn-danger {
    right:10px;
  }
  .versicherungen .versicherungen-item .stars {
    position: static;
  }
  h1.finanzen-mobile {
    padding-top:10px;
  }
  .versicherungen .versicherungen-item.summe {
    background-color:#fff;
  }
  
  /* Mein Berater */
  .mb-c1,
  .mb-c2 {
      float: none;
      margin-right: 0;
      width: 100%;
  }  
  .mb-c2 {
    margin-top:20px;
  }
  /*.bewertung-detail{
    display:none;
  }*/
  
  
  /* Impressum */
  #impressum {
    width:100%;
  }
  

  /* Sofortbonus */
  #tagesgeld-sofortbonus .row {
    background-color:#f2f2f2;
    font-size:12px;
  }
  #tagesgeld-sofortbonus .row > .col-1,
  #tagesgeld-sofortbonus .row > .col-2,
  #tagesgeld-sofortbonus .row > .col-23,
  #tagesgeld-sofortbonus .row > .col-3 {
    padding-top:10px;
  }
  #tagesgeld-sofortbonus .col-1,
  #tagesgeld-sofortbonus .col-2,
  #tagesgeld-sofortbonus .col-23,
  #tagesgeld-sofortbonus .col-3 {
    line-height:1;
    padding-left:5px;
  }
  #tagesgeld-sofortbonus .row > .col-1 {
    font-size:10px,
  }
  #tagesgeld-sofortbonus .col-3 .col-1 {
    padding-left:0;
  }
  #tagesgeld-sofortbonus .col-2-b {
      border-width: 1px;
  }  
  #tagesgeld-sofortbonus input {
    width:75px;
    margin-top:0;
  }
  #tagesgeld-sofortbonus .row-vergleich input {
    width:55px;
    margin:10px 0;
    
  }
  #tagesgeld-sofortbonus a.linkbutton {
      width:100%;
      font-size:10px;
  }
  
  /* BSC / Cashback */
  #categories,
  #programs {
      width:100%;
      margin-right:0 !important;
      float:none;
  }

  .categories-shoppen .category a:hover,
  .categories-shoppen .categorySel,
  div.subcategories,
  #categories .category {
    width: 100%;
  }  
  div.subcategories {
    background:none;
  }
    div.subcategories img {
      display:none;
    }
  div.subcategories ul {
      margin: 00;
      width: 100%;
  }  
    div.subcategories ul li a {
      display:block;
    }
  table.links td:first-child {
    display:none;
  }
  table.links td {
    width:50%;
    text-align:left;
  }
  
  /* Rentenluecke */
  #rentenluecke {
      min-height: 80px;
  }
  #rentenluecke .pad {
      padding:10px;
  }
  #rentenluecke h1 {
      position: static;
      margin-bottom:10px;
  }
  #rentenluecke #personen {
      position: static;
  }
  #rentenluecke #balken-wrapper1 {
      position: static;
      margin:10px 0;
  }
    #rentenluecke #balken-wrapper1,
    #rentenluecke #balken-wrapper2,
    #rentenluecke #balken {
      width:100%;
    }
    #rentenluecke #balken-wrapper1 {
    }
  
  #info-ablaufleistung {
      position: static;
  }
  #rentenluecke #rentenbeginn {
      position: static;
  }  
  #rentenluecke #slider-zins-wrapper {
      margin-top:20px;
      position: static;
      width: 100%;
  }
  #rentenluecke #slider-beitrag-wrapper {
      margin-top:20px;
      margin-bottom:20px;
      position: static;
      width: 100%;
  }  
  #rentenluecke .slider-wrapper .col-1 {
      float: none;
  }
  #rentenluecke .slider-wrapper .col-2 {
      float: none;
      width: 100%;
  }
  #rentenluecke .slider-wrapper .col-3 {
      float: none;
      text-align: left;
  }  
  #rentenluecke #mein-kapital {
      position: static;
      text-align: left;
  }  
    #rentenluecke #mein-kapital br {
      display:none;
    }  
  #rentenluecke #rl_text {
    position:static;
  }
  #rentenluecke #rl_rentenluecke {
      position:static;
      display: block;
  }
  #rentenluecke #mein-kapitalziel {
      position:static;
      text-align:left;
      margin-top:10px;
  }
    #rentenluecke #mein-kapitalziel br {
      display:none;
    }
  
  /* Service */
  #tab-policenverkauf .policenverkauf-auswahl,
  #tab-policenverkauf a.linkbutton {
      width: 100%;
  }  
}


@media (max-width: 392px) {
  .vergleich .fa-calculator {
    display:none;
  }
}

@media (max-width: 375px) {
  header .logo img {
      width:200px;
  }
}
@media (max-width: 355px) {
  .vergleich a > div:first-child {
    font-size:14px;
  }
}









/******* Formulare / Bootstrap-Elemente ***********************/
.input-group-addon {
    border-right: 1px solid #ccc;
    color: #7F8184;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}
.input-group-addon,
.input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control,
.input-group select {
    display: table-cell;
}

.input-group .form-control,
.input-group select {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2;
}
.input-group .form-control,
.input-group select {
    background-color: #fff;
    background-image: none;
    border: none;
    color: #7F8184;
    display: block;
    font-size: 16px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}






/******* Buttons / Bootstrap-Elemente ***********************/
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  /*color: #333;
  background-color: #fff;
  border-color: #ccc;*/
  color: #fff;
  background-color: #57ACD2;
  border-color: #46b8da;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #1F90C3;
  border-color: #269abc;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}


.btn-secondary {
  color: #333;
  background-color: #e6e6e6;
  border-color: #ccc;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  color: #333;
  background-color: #ffffff;
  border-color: #ccc;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
  background-image: none;
}
.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #ffffff;
  border-color: #ccc;
}
/*.btn-secondary .badge {
  color: #d9534f;
  background-color: #fff;
}*/

/******* Progressbar / Bootstrap-Elemente ***********************/
.progress {
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
.progress-bar {
    background-color: #1F90C3;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}

/******* Navigation / Bootstrap-Elemente ***********************/
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  margin-left:15px;
  margin-right:15px;
}
.nav > li {
  position: relative;
  display: block;
  background-color:#EDEDED;
  margin-bottom:2px;
  z-index:10;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color:#160d47;
  text-decoration: none;
}
/*.nav > li > a:hover ,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #ccc;
}*/
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open {
    background-color:#fff;
}
/*
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}*/
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
/*@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}*/
/*@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}*/
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
/*@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}*/
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
/*@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}*/
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
/*@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}*/
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
/*@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}*/
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
/*@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}*/
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
/*@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}*/
.navbar-toggle {
  position: absolute;
  top:25px;
  right:10px;
  padding: 9px 10px;
  background-color: #211E43;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color:#fff;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
@media (min-width: 768px) {
  .navbar-toggle {
    top:38px;
  }
}
.navbar-nav {
  margin: 7.5px -5px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
/*@media (max-width: 767px) {*/
  .navbar-nav .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .dropdown-menu > li > a,
  .navbar-nav .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .dropdown-menu > li > a:hover,
  .navbar-nav .dropdown-menu > li > a:focus {
    background-image: none;
  }
/*}
@media (min-width: 768px) {*/
  /*.navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }*/
/*}*/
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
/*@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}*/
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
/*@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}*/
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
/*@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}*/
/*@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}*/
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}



.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  /*color: #333;*/
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}



/* Diagramme */
.chart-start-container {
  margin-bottom:20px;
}
.chart-start-wrapper {
  width:100%;
  height:100%;
  max-width:180px;
  max-height:180px;
  margin-right:10px;
  position:relative;
  float:left;
}
  .chart-start-wrapper-last {
    margin-right:0px;
  }
  .chart-start-wrapper .chart-label {
    text-align:center;
    position: absolute;
    top:50px;
    font-size:11px;
    
    left:0;
    width:100%;
    line-height:1;
  }
    .chart-start-wrapper .chart-label .c1 {
     font-size:35px;
   }
    .chart-start-wrapper .chart-label .c2 {
     font-size:24px;
   }
    .chart-start-wrapper .chart-label div {
      margin-top:10px;
      font-size:11px;
   }
    .chart-start-wrapper .chart-label div * {
      font-size:11px;
   }
  
@media (max-width: 620px) {
.chart-start-wrapper-box {
    float:left;
    width:49%;
    margin-right:2%;
  }
  .chart-start-wrapper-box .chart-start-wrapper {
    float:none;
    margin:0 auto;
  }
}  
   
/*@media (max-width: 424px) {
  .chart-start-wrapper .chart-label {
    top:50px;
    font-size:11px;
  }

    .chart-start-wrapper .chart-label .c1 {
     font-size:35px;
   }
    .chart-start-wrapper .chart-label .c2 {
     font-size:24px;
   }
    .chart-start-wrapper .chart-label div,
    .chart-start-wrapper .chart-label div * {
      font-size:11px;
   }
}*/
  
.meeting-btn {
 min-width:133px;
 margin-top: 10px;
 margin-left:10px;
 
}

.meeting-btn a {
 color: #fff;
 text-decoration: none;
}

/*.meeting-btn img {
  margin-right: 3px;
  margin-bottom: 2px;
}*/

.berater-box.berater-box-right .meeting-btn {
    float:right;
}
.berater-box.berater-box-left .meeting-btn {
    float:left;
}

/* Buttons */
.finex-btn {
	background-color:#ea8a23;
	border:1px solid #ea8a23;
	display:block;
	padding:0 20px;
	color:#fff;
	text-align:center;
	text-decoration: none;
	cursor:pointer;
	line-height:37px;
}
	.finex-btn:hover {
		background-color:#DB8121;
		color:#fff;
		text-decoration: none;
	}

.finex-btn-white {
	background-color:#ffffff;
	border-color:#2f2e4f;
	color:#2f2e4f;
	box-sizing:border-box;
}
	.finex-btn-white:hover {
		background-color:#2f2e4f;
		color:#ffffff;
	}
	.finex-btn-white:hover i {
		color:#ffffff;
	}

/************************************
*************** Wiki ****************
*************************************/
.notizen-wrapper {
	margin-top:20px;
}

	.notizen-wrapper .notiz {
	}
		.notizen-wrapper .notiz .notiz-header {
	
		}
			.notizen-wrapper .notiz .notiz-header .finex-btn {
				width:auto;
				float:right;
				margin-left:10px;
			}
		.notizen-wrapper .notiz h3 {
			margin:0 0 10px 0;
			font-size:20px;
		}
		.notizen-wrapper .notiz p {
			font-size:14px;
			margin:0 0 20px 0;
		}


/************************************
************* BAV Login *************
*************************************/