@charset "UTF-8";
/**
 *
 * VARIABLES
 * 0. Servlet Path
 * 1. Font
 * 2. Color
 **/
/** 0. SERVLET PATH **/
/* 1. Font */
/* Icon Font */
/** 2. Color **/
/* Font Colors */
/* Background Colors */
/* Border Colors */
/*Borders*/
/* Rating Colors */
/* Badge Colors */
/*Shadows*/
/* Accounts Teaser */
/**
 *
 * VARIABLES
 * 0. Servlet Path
 * 1. Font
 * 2. Color
 **/
/** 0. SERVLET PATH **/
/* 1. Font */
/* Icon Font */
/** 2. Color **/
/* Font Colors */
/* Background Colors */
/* Border Colors */
/*Borders*/
/* Rating Colors */
/* Badge Colors */
/*Shadows*/
/* Accounts Teaser */
/**
 *
 * VARIABLES
 * 0. Servlet Path
 * 1. Font
 * 2. Color
 **/
/** 0. SERVLET PATH **/
/* 1. Font */
/* Icon Font */
/** 2. Color **/
/* Font Colors */
/* Background Colors */
/* Border Colors */
/*Borders*/
/* Rating Colors */
/* Badge Colors */
/*Shadows*/
/* Accounts Teaser */
/* self made icon numbers */
/* Horizontale Linie
 * Widgets to seperate two contents
 * tpl: /content/plp/finance/common/_widgets/seperator-line.phtml
 */
.seperator-line {
  height: 1px;
  margin: 20px -5px 40px;
  position: relative; }
  .seperator-line:after {
    border-bottom: 1px solid #dcdcdc;
    content: '';
    display: block;
    visibility: visible;
    width: 100%; }

.seperator-full-line {
  height: 1px;
  margin: 20px -10px 40px;
  position: relative; }
  .seperator-full-line:after {
    border-bottom: 1px solid #dcdcdc;
    visibility: visible;
    content: '';
    height: 1px;
    position: absolute;
    top: 0;
    z-index: 0; }
    @media screen and (min-width: 994px) {
      .seperator-full-line:after {
        left: calc(-50vw + (994px / 2));
        width: 100vw; } }
    @media screen and (max-width: 993px) {
      .seperator-full-line:after {
        left: -10%;
        overflow: hidden;
        right: -10%;
        width: 120%; } }

.seperator-shadow {
  height: 30px;
  margin: 0 -10px;
  position: relative; }
  .seperator-shadow:after {
    border-bottom: 1px solid #dcdcdc;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    content: '';
    height: 1px;
    position: absolute;
    top: 0;
    z-index: 0; }
    @media screen and (min-width: 994px) {
      .seperator-shadow:after {
        left: calc(-50vw + (994px / 2));
        width: 100vw; } }
    @media screen and (max-width: 993px) {
      .seperator-shadow:after {
        left: -10%;
        overflow: hidden;
        right: -10%;
        width: 120%; } }

.h2top {
  margin-top: 0 !important; }

#news_article_text h1.c24-web {
  max-width: 640px; }

.c24-cnt-ele-content h2:not(.standard),
.c24-cnt-ele-content h3:not(.standard) {
  margin-top: 27px;
  margin-bottom: 20px;
  opacity: .87; }

.c24-ca-finsec-partner .ele {
  background: transparent url("/konten/resources/baufi/imgs/2013/misc/fin/sec/partner_sprite_ca.png") no-repeat;
  height: 65px;
  margin: 0 auto; }

.c24-ca-finsec-partner.partner-credit .ca-item {
  width: 110px; }

.c24-ca-finsec-partner .ca-item {
  width: 145px;
  text-align: center;
  float: left;
  margin-right: 15px; }

.c24-ca-finsec-partner .barclaycard {
  width: 95px;
  background-position: -95px -65px; }

.c24-ca-finsec-partner:hover .barclaycard {
  background-position: -95px 0; }

.c24-ca-finsec-partner .swkbank {
  width: 95px;
  background-position: -1520px -65px; }

.c24-ca-finsec-partner:hover .swkbank {
  background-position: -1520px 0; }

.c24-ca-finsec-partner .targobank {
  width: 95px;
  background-position: 0 -65px; }

.c24-ca-finsec-partner:hover .targobank {
  background-position: 0 0; }

.c24-ca-finsec-partner .crediteurope {
  width: 95px;
  background-position: -190px -65px; }

.c24-ca-finsec-partner:hover .crediteurope {
  background-position: -190px 0; }

.c24-ca-finsec-partner .creditplus {
  width: 95px;
  background-position: -285px -65px; }

.c24-ca-finsec-partner:hover .creditplus {
  background-position: -285px 0; }

.c24-ca-finsec-partner .postbank {
  width: 95px;
  background-position: -1140px -65px; }

.c24-ca-finsec-partner:hover .postbank {
  background-position: -1140px 0; }

.c24-ca-finsec-partner .dslbank {
  width: 95px;
  background-position: -475px -65px; }

.c24-ca-finsec-partner:hover .dslbank {
  background-position: -475px 0; }

.c24-ca-finsec-partner .oyakankerbank {
  width: 95px;
  background-position: -1045px -65px; }

.c24-ca-finsec-partner:hover .oyakankerbank {
  background-position: -1045px 0; }

.c24-ca-finsec-partner .hypovereinsbank {
  width: 95px;
  background-position: -665px -65px; }

.c24-ca-finsec-partner:hover .hypovereinsbank {
  background-position: -665px 0; }

.c24-ca-finsec-partner .netbank {
  width: 95px;
  background-position: -855px -65px; }

.c24-ca-finsec-partner:hover .netbank {
  background-position: -855px 0; }

.c24-ca-finsec-partner .skgbank {
  width: 95px;
  background-position: -1425px -65px; }

.c24-ca-finsec-partner:hover .skgbank {
  background-position: -1425px 0; }

.c24-ca-finsec-partner .dkb {
  width: 95px;
  background-position: -380px -64px; }

.c24-ca-finsec-partner:hover .dkb {
  background-position: -380px 0; }

.c24-ca-finsec-partner .ingdiba {
  width: 95px;
  background-position: -760px -65px; }

.c24-ca-finsec-partner:hover .ingdiba {
  background-position: -760px 0; }

.c24-ca-finsec-partner .onlinekredit {
  width: 95px;
  background-position: -945px -65px; }

.c24-ca-finsec-partner:hover .onlinekredit {
  background-position: -945px 0; }

.c24-ca-finsec-partner .easycredit {
  width: 95px;
  background-position: -570px -65px; }

.c24-ca-finsec-partner:hover .easycredit {
  background-position: -570px 0; }

.c24-ca-finsec-partner .santanderdirekt {
  width: 95px;
  background-position: -1330px -65px; }

.c24-ca-finsec-partner:hover .santanderdirekt {
  background-position: -1330px 0; }

.c24-ca-finsec-partner .santanderconsumer {
  width: 95px;
  background-position: -1235px -65px; }

.c24-ca-finsec-partner:hover .santanderconsumer {
  background-position: -1235px 0; }

.c24-ca-finsec-partner .direkt1822 {
  width: 95px;
  background-position: -190px -195px; }

.c24-ca-finsec-partner:hover .direkt1822 {
  background-position: -190px -130px; }

.c24-ca-finsec-partner .audibank {
  width: 95px;
  background-position: -285px -195px; }

.c24-ca-finsec-partner:hover .audibank {
  background-position: -285px -130px; }

.c24-ca-finsec-partner .bankofscotland {
  width: 95px;
  background-position: -380px -195px; }

.c24-ca-finsec-partner:hover .bankofscotland {
  background-position: -380px -130px; }

.c24-ca-finsec-partner .comdirect {
  width: 95px;
  background-position: -475px -195px; }

.c24-ca-finsec-partner:hover .comdirect {
  background-position: -475px -130px; }

.c24-ca-finsec-partner .commerzbank {
  width: 95px;
  background-position: -950px -195px; }

.c24-ca-finsec-partner:hover .commerzbank {
  background-position: -950px -130px; }

.c24-ca-finsec-partner .consorsbank {
  width: 95px;
  background-position: -570px -195px; }

.c24-ca-finsec-partner:hover .consorsbank {
  background-position: -570px -130px; }

.c24-ca-finsec-partner .credit-agricole {
  width: 95px;
  background-position: -95px -335px; }

.c24-ca-finsec-partner:hover .credit-agricole {
  background-position: -95px -271px; }

.c24-ca-finsec-partner .dab {
  width: 95px;
  background-position: -1425px -195px; }

.c24-ca-finsec-partner:hover .dab {
  background-position: -1425px -130px; }

.c24-ca-finsec-partner .deutschebank {
  width: 95px;
  background-position: -1330px -195px; }

.c24-ca-finsec-partner:hover .deutschebank {
  background-position: -1330px -130px; }

.c24-ca-finsec-partner .gefa {
  width: 95px;
  background-position: -1235px -195px; }

.c24-ca-finsec-partner:hover .gefa {
  background-position: -1235px -130px; }

.c24-ca-finsec-partner .ikb {
  width: 95px;
  background-position: -1045px -195px; }

.c24-ca-finsec-partner:hover .ikb {
  background-position: -1045px -130px; }

.c24-ca-finsec-partner .ferratum {
  width: 95px;
  background-position: -190px -335px; }

.c24-ca-finsec-partner:hover .ferratum {
  background-position: -190px -271px; }

.c24-ca-finsec-partner .mercedesbenzbank {
  width: 95px;
  background-position: -665px -195px; }

.c24-ca-finsec-partner:hover .mercedesbenzbank {
  background-position: -665px -130px; }

.c24-ca-finsec-partner .moneyou {
  width: 95px;
  background-position: -855px -195px; }

.c24-ca-finsec-partner:hover .moneyou {
  background-position: -855px -130px; }

.c24-ca-finsec-partner .norisbank {
  width: 95px;
  background-position: -760px -195px; }

.c24-ca-finsec-partner:hover .norisbank {
  background-position: -760px -130px; }

.c24-ca-finsec-partner .suedtiroler-sparkasse {
  width: 95px;
  background-position: 0 -335px; }

.c24-ca-finsec-partner:hover .suedtiroler-sparkasse {
  background-position: 0 -271px; }

.c24-ca-finsec-partner .psd {
  width: 95px;
  background-position: -1520px -195px; }

.c24-ca-finsec-partner:hover .psd {
  background-position: -1520px -130px; }

.c24-ca-finsec-partner .volkswagen {
  width: 95px;
  background-position: 0 -195px; }

.c24-ca-finsec-partner:hover .volkswagen {
  background-position: 0 -130px; }

.c24-ca-finsec-partner .vtb {
  width: 95px;
  background-position: -95px -195px; }

.c24-ca-finsec-partner:hover .vtb {
  background-position: -95px -130px; }

.c24-ca-finsec-partner .wuestenrot {
  width: 95px;
  background-position: -1140px -195px; }

.c24-ca-finsec-partner:hover .wuestenrot {
  background-position: -1140px -130px; }

.c24-ca-finsec-siegel .ele {
  background: transparent url("/konten/resources/baufi/imgs/2013/misc/fin/sec/siegel_sprite_ca.png") no-repeat;
  height: 65px;
  margin: 0 auto; }

.c24-ca-finsec-siegel .ca-item {
  width: 110px;
  text-align: center; }

.c24-ca-finsec-siegel .tuev-ratenkredit {
  width: 90px;
  background-position: 0 -65px; }

.c24-ca-finsec-siegel .tuev-ratenkredit:hover {
  width: 90px;
  background-position: 0 0; }

.c24-ca-finsec-siegel .servicerating-exc {
  width: 53px;
  background-position: -90px -65px; }

.c24-ca-finsec-siegel .servicerating-exc:hover {
  width: 53px;
  background-position: -90px 0; }

.c24-ca-finsec-siegel .tuev-servicetested {
  width: 90px;
  background-position: -143px -65px; }

.c24-ca-finsec-siegel .tuev-servicetested:hover {
  width: 90px;
  background-position: -143px 0; }

.c24-ca-finsec-siegel .tuevsued {
  width: 56px;
  background-position: -233px -65px; }

.c24-ca-finsec-siegel .tuevsued:hover {
  width: 56px;
  background-position: -233px 0; }

.c24-ca-finsec-siegel-color .ele {
  background: transparent url("/konten/resources/baufi/imgs/2013/misc/fin/sec/siegel_emotion_hover.png") no-repeat;
  height: 50px;
  margin: 0 auto; }

.c24-ca-finsec-siegel-color .ca-item {
  width: 120px;
  text-align: center;
  padding: 10px; }

.c24-ca-finsec-siegel-color .tuev-ratenkredit {
  width: 42px;
  background-position: 0 -52px; }

.c24-ca-finsec-siegel-color .servicerating-exc {
  width: 46px;
  background-position: -160px -52px; }

.c24-ca-finsec-siegel-color .online-star {
  width: 115px;
  background-position: -45px -52px; }

.c24-ca-finsec-siegel-color .tuev-servicetested {
  width: 91px;
  background-position: -206px -52px; }

.c24-ca-finsec-siegel-color .tuevsued {
  width: 50px;
  background-position: -300px -52px; }

.c24-ca-finsec-siegel-color .tuev-ratenkredit:hover {
  background-position: 0 0; }

.c24-ca-finsec-siegel-color .servicerating-exc:hover {
  background-position: -160px 0; }

.c24-ca-finsec-siegel-color .online-star:hover {
  background-position: -45px 0; }

.c24-ca-finsec-siegel-color .tuev-servicetested:hover {
  background-position: -206px 0; }

.c24-ca-finsec-siegel-color .tuevsued:hover {
  background-position: -300px 0; }

.c24-ca-finsec-siegel-color:hover .tuev-ratenkredit {
  background-position: 0 0; }

.c24-ca-finsec-siegel-color:hover .servicerating-exc {
  background-position: -160px 0; }

.c24-ca-finsec-siegel-color:hover .online-star {
  background-position: -45px 0; }

.c24-ca-finsec-siegel-color:hover .tuev-servicetested {
  background-position: -206px 0; }

.c24-ca-finsec-siegel-color:hover .tuevsued {
  background-position: -300px 0; }

.c24-ca-finbau-siegel .ele {
  background: transparent url("/konten/resources/baufi/imgs/2013/misc/fin/bau/testsieger_icons_baufi_sw.png") no-repeat;
  height: 65px;
  margin: 0 auto; }

.c24-ca-finbau-siegel .ca-item {
  width: 110px;
  text-align: center; }

.c24-ca-finbau-siegel .diewelt-servicechampions {
  width: 53px;
  background-position: 0 -65px; }

.c24-ca-finbau-siegel .diewelt-servicechampions:hover {
  width: 53px;
  background-position: 0 0; }

.c24-ca-finbau-siegel .onlinestar {
  width: 90px;
  background-position: -53px -65px; }

.c24-ca-finbau-siegel .onlinestar:hover {
  width: 90px;
  background-position: -53px 0; }

.c24-ca-finbau-siegel .focusmoney {
  width: 55px;
  background-position: -143px -65px; }

.c24-ca-finbau-siegel .focusmoney:hover {
  width: 55px;
  background-position: -143px 0; }

.c24-ca-finbau-siegel .statista {
  width: 61px;
  background-position: -198px -65px; }

.c24-ca-finbau-siegel .statista:hover {
  width: 61px;
  background-position: -198px 0; }

.c24-ca-finbau-siegel .servicerating-exc {
  width: 58px;
  background-position: -259px -65px; }

.c24-ca-finbau-siegel .servicerating-exc:hover {
  width: 58px;
  background-position: -259px 0; }

.c24fin-teaser,
.c24fin-teaser .c24fin-teaser-bg {
  height: 250px; }

.c24fin-box,
.c24fin-box:hover {
  background: #ECECEC url(/konten/resources/baufi/imgs/2013/layout/silver_bg.png) no-repeat right top; }

.c24fin-teaser .c24fin-teaser-bg {
  background-position: left bottom;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.c24fin-teaser .c24-tuev {
  float: right;
  padding: 20px 20px 0 0;
  width: 70px;
  height: 70px;
  cursor: pointer; }

.c24fin-tagesgeld .c24-tuev {
  width: 122px;
  height: 66px; }

.c24fin-baufi .c24-tuev {
  width: 125px;
  height: 50px; }

.c24fin-teaser h3,
.c24fin-teaser h4,
.c24fin-teaser p,
.c24fin-teaser ul.c24-list-hakerl {
  padding-left: 200px;
  width: 445px; }

.c24fin-tagesgeld h3,
.c24fin-tagesgeld h4,
.c24fin-tagesgeld p,
.c24fin-tagesgeld ul.c24-list-hakerl {
  width: 370px; }

.c24fin-teaser h3 {
  padding-top: 20px;
  font-size: 20px; }

.c24fin-teaser h4 {
  padding-bottom: 10px;
  font-weight: bold; }

.c24fin-teaser ul.c24-list-hakerl {
  margin: 17px 0 0 0;
  padding-bottom: 4px; }

.c24fin-teaser ul.c24-list-hakerl li {
  font-weight: bold; }

.c24fin-teaser .c24fin-calc {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 12px 10px 0 10px;
  padding: 10px 0 5px 0;
  border: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.c24fin-baufi .c24fin-calc {
  margin-top: 21px; }

.c24fin-kreditkarte .c24fin-calc {
  padding: 10px;
  margin: 0 0 0 250px;
  width: 395px; }

.c24fin-kreditkarte h3 {
  padding-top: 10px; }

.c24fin-kreditkarte p,
.c24fin-kreditkarte h3 {
  padding-left: 250px; }

.c24fin-kreditkarte .c24-button-xxxl {
  float: left;
  margin: 10px 0 0 115px; }

/* Teaser Kreditkarte */
#c24-content .finkrk .c24fin-strl-calc > form > div {
  clear: both;
  width: 100%; }

#c24-content #c24fin-strl.finkrk .c24fin-strl-calc label {
  clear: none; }

.c24fin-teaser .c24fin-calc .c24fin-calcrow {
  float: left;
  padding: 0 10px; }

.c24fin-teaser .c24fin-calc label,
.c24fin-cc-small label {
  width: 95px;
  font-weight: bold;
  float: left;
  padding: 7px 0;
  font-size: 12px; }

.c24fin-baufi .c24fin-calc label {
  width: 120px; }

.c24fin-teaser .c24fin-kredit-lz-label {
  width: 130px !important; }

.c24fin-teaser .c24fin-kredit-lz-label span {
  font-weight: normal;
  font-size: 11px; }

.c24fin-teaser .c24fin-kp,
.c24fin-teaser .c24fin-lz,
.c24fin-teaser .c24fin-vz,
.c24fin-baufi .c24fin-baufi {
  border: 2px solid #005EA8;
  padding: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  font-weight: bold;
  color: #005EA8; }

.c24fin-teaser .c24fin-lz,
.c24fin-teaser .c24fin-vz {
  padding: 4px 5px;
  line-height: 19px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .c24fin-teaser .c24fin-lz,
  .c24fin-teaser .c24fin-vz,
  .c24fin-baufi select.c24fin-baufi {
    -webkit-appearance: none;
    background: white url(/konten/resources/baufi/imgs/2013/teaser/fin/sec/chrome-fix.png) no-repeat right center; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .c24fin-teaser .c24fin-lz,
  .c24fin-teaser .c24fin-vz {
    padding: 2px 5px; } }

.c24fin-teaser .c24fin-kp {
  width: 90px; }

.c24fin-teaser .c24fin-lz {
  width: 65px; }

.c24fin-teaser .c24fin-vz {
  width: 158px; }

.c24fin-baufi .c24fin-baufi {
  width: 126px; }

.c24fin-baufi select.c24fin-baufi {
  width: 140px; }

.c24fin-teaser .c24fin-vz,
.c24fin-teaser select.c24fin-lz,
.c24fin-baufi select.c24fin-baufi {
  text-align: left; }

.c24fin-teaser .c24-button {
  float: right;
  margin: 19px 10px 0 0; }

.c24fin-baufi .c24-button {
  margin-top: 11px; }

.c24fin-gir-small label {
  clear: left;
  float: left;
  font-size: 12px;
  line-height: 26px;
  margin-left: 20px;
  width: 140px; }

.c24fin-gir-small input#accountMaintenceFeeWithCashReceipt,
.c24fin-gir-small input#ecCardCost,
.c24fin-gir-small input#creditCardCost {
  float: right;
  margin: 5px 30px 0 0; }

.c24fin-teaser .c24-slider-box {
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/slider-sprite.png) no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 21px;
  margin: 10px 16px 0 10px;
  padding: 0 8px;
  width: 184px; }

.c24fin-teaser .c24-slider {
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/slider-sprite.png) no-repeat scroll 0 -24px transparent;
  border: medium none;
  display: block;
  height: 3px;
  margin: 7px 0 0;
  width: 184px; }

.ui-slider-horizontal {
  height: 0.8em; }

.ui-slider {
  position: relative;
  text-align: left; }

.c24fin-teaser .c24-slider-box .c24-slider .ui-slider-range-min {
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/slider-sprite.png) no-repeat scroll 0 -21px transparent;
  font-size: 3px;
  height: 3px;
  line-height: 3px; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range {
  height: 100%;
  top: 0; }

.ui-slider .ui-slider-range {
  border: 0 none;
  display: block;
  font-size: 0.7em;
  position: absolute;
  z-index: 1; }

.c24fin-teaser .c24-slider .ui-slider-handle {
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/slider-sprite.png) no-repeat scroll 0 -27px transparent;
  cursor: pointer;
  margin-top: 1px;
  padding: 0 !important;
  top: -9px !important;
  width: 10px; }

.ui-slider-horizontal .ui-slider-handle {
  margin-left: -5px !important;
  top: -0.3em; }

.ui-slider .ui-slider-handle {
  border: 0 none;
  border-radius: 0;
  cursor: default;
  height: 22px;
  position: absolute;
  width: 11px;
  z-index: 2; }

.c24fin-teaser .c24-slider-box .c24-slider .ui-slider-range-min {
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/slider-sprite.png) no-repeat scroll 0 -21px transparent;
  font-size: 3px;
  height: 3px;
  line-height: 3px; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range {
  height: 100%;
  top: 0; }

.ui-slider .ui-slider-range {
  border: 0 none;
  display: block;
  font-size: 0.7em;
  position: absolute;
  z-index: 1; }

.c24fin-teaser #c24-amount-slider-kredit-kp-values,
.c24fin-teaser #c24-amount-slider-kredit-lz-values,
.c24fin-teaser #c24-amount-slider-tg-idu-values,
.c24fin-teaser #c24-amount-slider-tg-iam-values,
.c24fin-teaser #c24-amount-slider-fg-idu-values,
.c24fin-teaser #c24-amount-slider-fg-iam-values {
  display: block;
  height: 16px;
  list-style-type: none;
  margin: 0 0 5px 1px;
  position: relative;
  width: 220px;
  float: left; }

html * .c24fin-teaser #c24-amount-slider-fg-idu-values {
  margin-left: 50px !important; }

.c24fin-teaser #c24-amount-slider-kredit-kp-values,
.c24fin-teaser #c24-amount-slider-tg-iam-values,
.c24fin-teaser #c24-amount-slider-fg-iam-values {
  clear: left; }

.c24fin-teaser #c24-amount-slider-kredit-kp-values li,
.c24fin-teaser #c24-amount-slider-kredit-lz-values li,
.c24fin-teaser #c24-amount-slider-tg-iam-values li,
.c24fin-teaser #c24-amount-slider-tg-idu-values li,
.c24fin-teaser #c24-amount-slider-fg-iam-values li,
.c24fin-teaser #c24-amount-slider-fg-idu-values li {
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/slider-sprite.png) no-repeat scroll -120px -34px transparent;
  cursor: pointer;
  display: block;
  font-size: 10px;
  font-weight: bold;
  height: 16px;
  margin: 0;
  padding: 5px 0 0;
  position: absolute;
  text-align: left;
  top: 0;
  width: auto; }

#c24-amount-kredit-1000,
#c24-amount-tg-500 {
  background-position: -117px -34px !important; }

#c24-amount-kredit-20000,
#c24-amount-tg-10000 {
  background-position: -112px -34px !important; }

#c24-amount-kredit-50000,
#c24-amount-kredit-85000,
#c24-amount-tg-25000,
#c24-amount-tg-50000 {
  background-position: -108px -34px !important; }

.c24fin-teaser #c24-amount-slider-tg-idu-values #c24-amount-30 {
  background-position: -120px -34px !important;
  left: -7px; }

.c24fin-teaser #c24-amount-slider-tg-idu-values #c24-amount-90 {
  background-position: -120px -34px !important;
  left: 26px; }

.c24fin-teaser #c24-amount-slider-tg-idu-values #c24-amount-180 {
  background-position: -120px -34px !important;
  left: 77px; }

.c24fin-teaser #c24-amount-slider-tg-idu-values #c24-amount-270 {
  background-position: -120px -34px !important;
  left: 127px; }

.c24fin-teaser #c24-amount-slider-tg-idu-values #c24-amount-360 {
  background-position: -120px -34px !important;
  left: 177px; }

ul#c24-amount-slider-fg-iam-values li, ul#c24-amount-slider-fg-idu-values li {
  position: absolute;
  width: 18px !important;
  text-align: center !important; }

html * ul#c24-amount-slider-fg-idu-values {
  margin-left: 90px !important; }

#c24-amount-slider-fg-idu a.ui-slider-handle {
  outline: none;
  _noFocusLine: expression(this.hideFocus=true); }

html * .c24-product-list-ie a {
  cursor: pointer !important; }

.c24fin-teaser #c24-amount-slider-fg-iam-values #c24-amount-1000 {
  background-position: -117px -34px !important;
  left: 5px; }

.c24fin-teaser #c24-amount-slider-fg-iam-values #c24-amount-10000 {
  background-position: -122px -34px !important;
  left: 45px; }

.c24fin-teaser #c24-amount-slider-fg-iam-values #c24-amount-25000 {
  background-position: -113px -34px !important;
  left: 92px; }

.c24fin-teaser #c24-amount-slider-fg-iam-values #c24-amount-50000 {
  background-position: -113px -34px !important;
  left: 185px; }

.c24fin-teaser #c24-amount-slider-fg-idu-values #c24-amount-3 {
  background-position: -120px -34px !important;
  left: -7px; }

.c24fin-teaser #c24-amount-slider-fg-idu-values #c24-amount-6 {
  background-position: -120px -34px !important;
  left: 19px; }

.c24fin-teaser #c24-amount-slider-fg-idu-values #c24-amount-9 {
  background-position: -120px -34px !important;
  left: 45px; }

html * .c24fin-teaser #c24-amount-slider-fg-idu-values #c24-amount-9 {
  background-position: -119px -34px !important;
  left: 45px; }

.c24fin-teaser #c24-amount-slider-fg-idu-values #c24-amount-12 {
  background-position: -120px -34px !important;
  left: 71px; }

html * .c24fin-teaser #c24-amount-slider-fg-idu-values #c24-amount-12 {
  background-position: -119px -34px !important;
  left: 71px; }

.c24fin-teaser #c24-amount-slider-fg-idu-values #c24-amount-24 {
  background-position: -120px -34px !important;
  left: 98px; }

.c24fin-teaser #c24-amount-slider-fg-idu-values #c24-amount-36 {
  background-position: -120px -34px !important;
  left: 124px; }

.c24fin-teaser #c24-amount-slider-fg-idu-values #c24-amount-48 {
  background-position: -120px -34px !important;
  left: 150px; }

.c24fin-teaser #c24-amount-slider-fg-idu-values #c24-amount-60 {
  background-position: -120px -34px !important;
  left: 177px; }

#c24-amount-kredit-1000 {
  left: 5px; }

#c24-amount-kredit-20000 {
  left: 43px; }

#c24-amount-kredit-50000 {
  left: 103px; }

#c24-amount-kredit-85000 {
  left: 180px; }

#c24-amount-kredit-12,
#c24-amount-tg-30 {
  left: -7px; }

#c24-amount-kredit-36 {
  left: 34px; }

#c24-amount-kredit-72 {
  left: 95px; }

#c24-amount-kredit-120,
#c24-amount-tg-360 {
  left: 177px;
  width: 80px !important; }

#c24-amount-tg-500 {
  left: 5px; }

#c24-amount-tg-10000 {
  left: 36px; }

#c24-amount-tg-25000 {
  left: 87px; }

#c24-amount-tg-50000 {
  left: 180px; }

#c24-amount-tg-90 {
  left: 26px; }

#c24-amount-tg-180 {
  left: 77px; }

#c24-amount-tg-270 {
  left: 127px; }

.giro-teaser-option-box {
  float: left;
  margin-left: 20px;
  margin-top: 5px; }

.giro-teaser-option-headline {
  float: left;
  color: #005dac;
  font-size: 15px;
  font-weight: bold; }

.giro-teaser-option-layer {
  float: left;
  width: 250px;
  font-size: 12px; }

.giro-teaser-option-layer-left {
  float: left;
  width: 80%;
  font-weight: bold; }

.giro-teaser-option-layer-right {
  float: right;
  width: 20%; }

.giro-teaser-tuev-logo {
  float: right;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/giro-evo-seo-sprite.png) -93px -155px;
  width: 122px;
  height: 66px;
  margin-right: 20px;
  margin-top: 20px; }

.giro-tooltip-all {
  float: right;
  margin-top: 3px; }

.giro-tooltip-icon {
  float: left;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/giro-evo-seo-sprite.png) no-repeat -21px -201px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin: -2px 0 0 5px; }

.giro-tooltip-icon:hover {
  float: left;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/giro-evo-seo-sprite.png) no-repeat -5px -201px;
  width: 16px;
  height: 16px;
  cursor: pointer; }

.giro-tooltip-main {
  display: none;
  position: absolute;
  margin-top: 25px;
  margin-left: -5px;
  background-color: #fff;
  border: 1px solid #8b8b8b;
  border-radius: 6px;
  width: 300px;
  max-width: 300px;
  min-width: 300px;
  z-index: 1000;
  padding: 10px;
  -moz-box-shadow: 0 0 4px #888;
  -webkit-box-shadow: 0 0 4px #888;
  box-shadow: 0 0 4px #888; }

.tooltip-block {
  display: block !important; }

.giro-tooltip-close-but {
  float: right;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/giro-evo-seo-sprite.png) no-repeat -27px -219px;
  width: 13px;
  height: 13px;
  cursor: pointer; }

.giro-tooltip-close-but:hover {
  float: right;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/giro-evo-seo-sprite.png) no-repeat -14px -219px;
  width: 13px;
  height: 13px;
  cursor: pointer; }

.giro-tooltip-close-but:active {
  float: right;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/giro-evo-seo-sprite.png) no-repeat -1px -219px;
  width: 13px;
  height: 13px;
  cursor: pointer; }

.giro-tooltip-corner-bottom {
  position: absolute;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/giro-evo-seo-sprite.png) no-repeat -56px -205px;
  width: 11px;
  height: 6px;
  margin-top: 10px;
  z-index: 10000; }

.giro-tooltip-corner-top {
  position: absolute;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/giro-evo-seo-sprite.png) no-repeat -45px -205px;
  width: 11px;
  height: 6px;
  margin-top: -16px;
  z-index: 10000; }

.c24-cnt-ele-hr-line {
  float: left;
  height: 1px;
  width: 100%;
  background-color: #dcdcdc;
  margin-bottom: 10px;
  margin-top: 10px; }

.c24fin-ac-steps {
  position: relative;
  /* Girokonto */
  /* Kreditkarte */ }
  .c24fin-ac-steps p {
    background: #fff;
    border-top: 1px dashed #dcdcdc;
    left: 0;
    margin: 0 2%;
    padding: 17px 8% 0;
    position: absolute;
    text-align: center;
    top: 160px;
    width: 80%; }
  .c24fin-ac-steps .step {
    box-sizing: border-box;
    float: left;
    height: 180px;
    width: 16.6%; }
    .c24fin-ac-steps .step .icon {
      margin: 10px 2%;
      text-align: center; }
      .c24fin-ac-steps .step .icon:before {
        background: url(/konten/resources/baufi/imgs/2013/misc/fin/ac/steps-sprite.png) no-repeat 0 0 transparent;
        content: "";
        display: block;
        height: 55px;
        margin: 0 auto;
        width: 64px; }
    .c24fin-ac-steps .step:hover {
      color: #005da8;
      cursor: help; }
      .c24fin-ac-steps .step:hover p {
        color: #666;
        display: block;
        z-index: 2; }
      .c24fin-ac-steps .step:hover .icon:before {
        background-position: 0 -59px; }
      .c24fin-ac-steps .step:hover.step-02 .icon:before {
        background-position: -72px -60px; }
      .c24fin-ac-steps .step:hover.step-03 .icon:before {
        background-position: -145px -60px; }
      .c24fin-ac-steps .step:hover.step-04 .icon:before {
        background-position: -222px -60px; }
      .c24fin-ac-steps .step:hover.step-05 .icon:before {
        background-position: -294px -60px; }
      .c24fin-ac-steps .step:hover.step-06 .icon:before {
        background-position: -366px -60px; }
      .c24fin-ac-steps .step:hover.step-07 .icon:before {
        background-position: -440px -60px; }
    .c24fin-ac-steps .step.step-02 .icon:before {
      background-position: -72px 0; }
    .c24fin-ac-steps .step.step-03 .icon:before {
      background-position: -145px 0; }
    .c24fin-ac-steps .step.step-04 .icon:before {
      background-position: -222px 0; }
    .c24fin-ac-steps .step.step-05 .icon:before {
      background-position: -294px 0; }
    .c24fin-ac-steps .step.step-06 .icon:before {
      background-position: -366px 0; }
    .c24fin-ac-steps .step.step-07 .icon:before {
      background-position: -440px 0; }
  .c24fin-ac-steps.c24fin-ga-steps .step.step-04 p,
  .c24fin-ac-steps.c24fin-ga-steps .step.step-06 p,
  .c24fin-ac-steps.c24fin-ga-steps .step.step-07 p {
    padding-top: 10px; }
  .c24fin-ac-steps.c24fin-cc-steps .step {
    width: 14.2%; }
    .c24fin-ac-steps.c24fin-cc-steps .step.step-03 p,
    .c24fin-ac-steps.c24fin-cc-steps .step.step-04 p,
    .c24fin-ac-steps.c24fin-cc-steps .step.step-05 p {
      padding-top: 10px; }

.teaser-htmlbottom {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 10px;
  padding: 5px;
  font-size: 9px;
  background-image: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/bg/whitewall.png); }

.giro-teaser-corner-txt {
  float: right;
  text-align: center;
  width: 80px;
  font-size: 15px;
  color: #fff;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  margin-right: 0;
  margin-top: 25px; }

.evo-giro-result-hover {
  background-color: #fff !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none; }

.evo-giro-result-hover:hover {
  background: #f7faff;
  background: -webkit-linear-gradient(top, #f7faff 0%, #fff 100%);
  background: linear-gradient(to bottom, #f7faff 0%, #fff 100%);
  box-shadow: 0 2px 3px 1px #e4e4e4; }

.evo-giro-result-padding {
  float: left;
  width: 100%;
  height: auto;
  padding: 10px 20px;
  font-size: 12px; }

.evo-giro-result-spalte-anbieter {
  float: left;
  width: 15%; }

.evo-giro-result-spalte-kontogebuehr {
  float: left;
  width: 10%;
  text-align: center;
  font-size: 15px;
  font-weight: bold; }

.evo-giro-result-spalte-habenzins {
  float: left;
  width: 10%;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #005ea8; }

.evo-giro-result-spalte-dispozins {
  float: left;
  width: 10%;
  text-align: center;
  font-size: 15px;
  font-weight: bold; }

.evo-giro-result-spalte-karten {
  float: left;
  width: 10%; }

.evo-giro-result-spalte-kontonote {
  float: left;
  width: 10%; }

.evo-giro-result-spalte-informationen {
  float: left;
  width: 21%; }

.evo-giro-result-spalte-submit {
  float: left;
  width: 14%; }

.evo-giro-bank-logo {
  float: left;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/logo-sprite.png) no-repeat 0 0 transparent;
  width: 140px;
  height: 40px; }

.evo-giro-bank-konto-info {
  float: left;
  width: 100%; }

.evo-giro-result-spalte-karten-box {
  float: left;
  width: 50%; }

.evo-giro-result-spalte-karten-txt {
  float: left;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 10px; }

.evo-giro-eccard-maestro {
  float: left;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/eccard-and-creditcard-sprite.png) no-repeat 0 0 transparent;
  width: 39px;
  height: 35px;
  margin-bottom: 5px; }

.evo-giro-creditcard-mastercard {
  float: left;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/eccard-and-creditcard-sprite.png) no-repeat 0 -81px transparent;
  width: 39px;
  height: 24px;
  margin-bottom: 5px; }

.evo-giro-result-spalte-kontonote-img {
  float: left;
  background-image: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/result/kontonote.png);
  width: 75px;
  height: 87px;
  margin-top: -4px;
  text-align: center;
  cursor: pointer; }

.evo-giro-result-spalte-kontonote-txt-note {
  float: left;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  margin-top: 32px; }

.evo-giro-result-spalte-kontonote-txt-info {
  float: left;
  font-size: 9px;
  width: 100%; }

.evo-giro-result-spalte-kontonote-txt-wertung {
  float: left;
  font-size: 9px;
  font-weight: bold;
  width: 100%;
  color: #fff; }

.evo-giro-result-spalte-informationen-box {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-size: 9px; }

.evo-giro-result-icon-true {
  float: left;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/icon-sprite.png) no-repeat 0 0 transparent;
  width: 13px;
  height: 13px; }

.evo-giro-result-spalte-informationen-box-txt {
  float: left;
  width: 90%;
  margin-top: -3px;
  margin-left: 5px; }

.evo-giro-result-gutschrift-70 {
  float: left;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/euro-scheine-tiny-sprite.png) no-repeat 0px -333px transparent;
  width: 100px;
  height: 50px;
  margin-top: -18px; }

.evo-giro-result-gutschrift-txt {
  float: left;
  width: 100%;
  font-size: 9px;
  font-weight: bold;
  color: #009900; }

.evo-giro-result-tabs {
  float: left;
  width: 100%;
  color: #325eb6;
  margin-top: -15px;
  height: auto; }

.evo-giro-result-tabs-all {
  float: left;
  width: 17%; }

.evo-giro-result-tabs-but {
  position: relative;
  z-index: 50;
  text-decoration: none;
  width: auto; }

.evo-giro-result-tabs-but:hover {
  position: relative;
  z-index: 50;
  text-decoration: underline;
  cursor: pointer;
  width: auto; }

.evo-giro-result-tabs-layer {
  float: left;
  display: none;
  height: auto; }

.evo-giro-result-tabs-layer-but {
  position: relative;
  z-index: 25;
  height: 25px;
  padding-left: 9px;
  padding-right: 10px;
  padding-top: 10px;
  border: 1px solid;
  border-color: #dcdcdc #dcdcdc #fff #dcdcdc;
  border-radius: 6px;
  background-color: #fff;
  margin-top: -25px;
  margin-left: -15px;
  white-space: nowrap !important; }

.evo-giro-result-tabs-kundenmeinungen-but-txt-01 {
  float: left; }

.evo-giro-result-tabs-kundenmeinungen-but-txt-02 {
  float: left; }

.evo-giro-result-tabs-layer-content {
  float: left;
  background-color: #fff;
  height: auto;
  width: 100%;
  border: 1px solid #dcdcdc;
  margin-top: -12px;
  border-radius: 6px;
  margin-left: -1px;
  display: none; }

.evo-giro-result-tabs-layer-content-padding {
  float: left;
  padding: 15px;
  height: auto; }

.evo-giro-resut-head {
  float: left;
  width: 100%;
  height: 30px;
  border: 1px solid #dcdcdc;
  background: #f9f9f9;
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #f9f9f9 0%, #dcdcdc 100%);
  border-radius: 6px;
  margin-bottom: 15px;
  font-size: 12px;
  padding-top: 10px; }

.evo-giro-resut-head-anbieter {
  float: left;
  width: 15%;
  text-align: center; }

.evo-giro-resut-head-kontogebuehr {
  float: left;
  width: 10%;
  text-align: center; }

.evo-giro-resut-head-habenzins {
  float: left;
  width: 10%;
  text-align: center; }

.evo-giro-resut-head-dispozins {
  float: left;
  width: 10%;
  text-align: center; }

.evo-giro-resut-head-karten {
  float: left;
  width: 10%;
  text-align: center; }

.evo-giro-resut-head-kontonote {
  float: left;
  width: 10%;
  text-align: center; }

.evo-giro-resut-head-informationen {
  float: left;
  width: 20%;
  text-align: center; }

.evo-giro-resut-head-submit {
  float: left;
  width: 15%;
  text-align: center; }

.evo-giro-result-blackwall {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/bg/blackwall.png);
  z-index: 500;
  display: none; }

.evo-giro-result-kontonote {
  width: 858px;
  margin: 0 auto;
  margin-top: 5%; }

.evo-giro-result-kontonote-head {
  float: left;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/kontonote-sprite.png) 0 0;
  width: 858px;
  height: 39px;
  padding-top: 45px; }

.evo-giro-result-kontonote-head-shadow {
  float: left;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/kontonote-sprite.png) 0 -90px;
  width: 858px;
  height: 88px; }

.evo-giro-result-kontonote-bg {
  float: left;
  background-image: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/bg/kontonote.png);
  width: 750px;
  height: auto;
  padding-left: 60px;
  padding-right: 60px;
  margin-bottom: -85px; }

.evo-giro-result-kontonote-bottom {
  float: left;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/kontonote-sprite.png) 0 -184px;
  width: 858px;
  height: 150px; }

.evo-giro-result-kontonote-bg-content {
  position: relative;
  margin-top: -65px;
  z-index: 550; }

.evo-giro-result-kontonote-head-txt {
  float: left;
  font-size: 23px;
  margin-left: 55px; }

.evo-giro-result-kontonote-head-txt-bank {
  float: left;
  font-size: 23px;
  font-weight: bold;
  color: #005bb2;
  margin-left: 10px; }

.evo-giro-result-kontonote-head-note {
  float: left;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/kontonote-sprite.png) -774px -352px;
  width: 56px;
  height: 25px;
  margin-top: -2px;
  margin-left: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding-top: 2px;
  text-align: center;
  text-shadow: 1px 1px 1px #4e6b10; }

.evo-giro-result-kontonote-head-close {
  float: right;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/kontonote-sprite.png) -725px -348px;
  width: 35px;
  height: 35px;
  margin-right: 40px;
  margin-top: -7px; }

.evo-giro-result-kontonote-head-close:hover {
  float: right;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/kontonote-sprite.png) -687px -348px;
  width: 35px;
  height: 35px;
  margin-top: -7px;
  margin-right: 40px;
  cursor: pointer; }

.evo-giro-result-kontonote-head-close:active {
  float: right;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/kontonote-sprite.png) -650px -348px;
  width: 35px;
  height: 35px;
  margin-top: -7px;
  margin-right: 40px;
  cursor: pointer; }

.evo-giro-result-kontonote-content-headline {
  float: left;
  width: 100%; }

.evo-giro-result-kontonote-content-headline-txt {
  float: right;
  font-weight: bold;
  color: #005bb2; }

.evo-giro-result-icon-green-plus {
  float: left;
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/sec/sprite/icon-sprite.png) 0 -14px;
  width: 13px;
  height: 13px;
  margin-left: 5px;
  margin-top: 2px; }

.evo-giro-result-hr-line {
  float: left;
  height: 1px;
  width: 100%;
  background-color: #dcdcdc;
  margin-top: 5px;
  margin-bottom: 10px; }

.evo-giro-result-kontonote-content-layer {
  float: left;
  width: 100%; }

.evo-giro-result-kontonote-content-layer-txt-01 {
  text-align: right;
  font-weight: bold; }

.evo-giro-result-kontonote-content-layer-rating {
  float: left;
  width: 55px;
  min-width: 55px;
  margin-right: 10px; }

.evo-giro-result-kontonote-content-layer-txt-02 {
  text-align: left; }

.evo-giro-result-kontonote-content-layer-spalte-01 {
  float: left;
  width: 50%;
  text-align: right; }

.evo-giro-result-kontonote-content-layer-spalte-02 {
  float: left;
  width: 50%;
  text-align: left; }

.c24fin-teaser-big {
  background: #eff9e0;
  background: -webkit-linear-gradient(top, #eff9e0 0%, #b8d869 100%);
  background: linear-gradient(to bottom, #eff9e0 0%, #b8d869 100%); }

.c24fin-teaser-big > form > div.calc {
  height: 335px;
  padding: 30px 0 0 200px;
  background-repeat: no-repeat;
  background-position: top right; }

.c24fin-teaser-big > form > div.image {
  width: 200px;
  height: 355px;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  left: 0;
  top: 10px; }

.c24fin-teaser-big h3 {
  font-size: 21px; }

.c24fin-teaser-big h3 > strong {
  font-size: 43px; }

.c24fin-teaser-big h3 > span {
  font-size: 11px; }

.c24fin-teaser-big ul {
  padding: 11px 0 18px 0; }

.c24fin-teaser-big > form > div.calc > div {
  background: white;
  background: rgba(255, 255, 255, 0.85);
  width: 300px;
  height: 111px;
  box-shadow: 0 1px 2px #777;
  border-radius: 6px;
  padding: 5px;
  position: relative; }

.c24fin-teaser-big label {
  clear: left;
  float: left;
  font-weight: bold;
  width: 120px;
  text-align: right;
  line-height: 25px;
  padding: 5px 10px 5px 0; }

.c24fin-teaser-big input[type=text],
.c24fin-teaser-big select {
  border: 2px solid #005EA8;
  border-radius: 6px 6px 6px 6px;
  color: #005EA8;
  font-weight: bold;
  padding: 3px 5px;
  margin: 5px 0;
  outline: none; }

.c24fin-teaser-big input[type=text] {
  width: 144px;
  padding: 4px 8px; }

.c24fin-teaser-big select {
  width: 164px; }

.c24fin-teaser-big input[type=submit] {
  background: transparent url(/konten/resources/baufi/imgs/2013/teaser/fin/sec/button.gif) no-repeat top left;
  bottom: 55px;
  font-size: 21px !important;
  height: 90px;
  padding-left: 10px;
  position: absolute;
  right: 20px;
  text-align: left;
  width: 190px;
  word-wrap: break-word; }

.c24fin-teaser-big p {
  background: white;
  background: rgba(255, 255, 255, 0.85);
  position: absolute;
  left: 0;
  bottom: 5px;
  padding: 2px 5px;
  font-size: 9px;
  line-height: 11px; }

.c24fin-image {
  float: right;
  margin: 0 0 10px 10px; }

.c24fin-image.border {
  border: 1px solid #DCDCDC;
  padding: 3px; }

.c24fin-bewertung-clean {
  margin-bottom: 6px;
  border-bottom: 1px solid #dcdcdc;
  padding: 5px 0; }

.c24fin-bewertung-clean:last-child {
  border: none;
  padding: 5px 0 0 0;
  margin: 0 0 10px 0; }

.c24fin-infoList,
.c24fin-question {
  float: right;
  margin: 0 0 8px 20px;
  width: 236px;
  border-right: 0;
  border-top: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0; }

.c24fin-infoList {
  width: 325px; }

.c24fin-question {
  position: relative; }
  .c24fin-question .fakeScrollEle {
    top: -80px;
    position: absolute;
    width: 1px;
    height: 1px;
    background-color: transparent; }

.c24fin-question h5 {
  background: #ececec;
  font-size: 13px;
  padding: 5px 10px; }

.c24fin-question ul {
  list-style-type: none;
  padding: 0; }

.c24fin-question .c24-button {
  float: right;
  margin: 0 8px 8px 0; }

.c24fin-question form div input {
  margin: 2px 5px 0 0; }

.c24fin-question form div input.text {
  width: 90%; }

.c24fin-question form > div {
  display: table;
  line-height: 16px;
  margin: 6px 8px;
  width: 220px; }
  .c24fin-question form > div label:after {
    top: 4px; }

.c24fin-question form input[type=checkbox] + label {
  margin: 8px 0; }
  .c24fin-question form input[type=checkbox] + label:before {
    height: 15px;
    width: 15px; }

.c24fin-table {
  margin-top: 15px;
  background-color: #fff;
  width: 994px;
  border: 1px solid #dcdcdc;
  border-collapse: collapse; }

.c24fin-table-margin-fix {
  margin-bottom: 15px; }

.c24fin-table-head {
  background: #fff;
  color: #005ea8;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #dcdcdc;
  height: 50px;
  border-collapse: collapse;
  text-align: center; }

.c24fin-table-left {
  font-weight: bold;
  width: 35%;
  border: 1px solid #dcdcdc;
  border-collapse: collapse;
  padding: 10px 0 10px 20px; }

.c24fin-table-left-nr {
  width: 5.4%; }

.c24fin-table-nr-position {
  float: left;
  margin-top: 5px;
  font-size: 12px; }

.c24fin-table-bestinteresrate {
  float: left;
  font-weight: bold;
  font-size: 15px;
  margin: 5px 0 0 0;
  color: #005EA8; }

.c24fin-table-field {
  border: 1px solid #dcdcdc;
  border-collapse: collapse;
  padding: 10px 0 10px 20px;
  font-size: 12px;
  height: 40px; }
  .c24fin-table-field img {
    max-height: 30px; }

.c24fin-table-bottom-text {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  font-size: 10px; }

.c24fin-table-headline {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  font-size: 15px; }

.c24fin-table-gradient-01 {
  background: #efefef; }

.c24fin-table-gradient-02 {
  background: #fbfbfb; }

.c24fin-table-gradelayout {
  float: left;
  font-weight: bold;
  font-size: 15px;
  color: #005cab;
  width: 30px; }

.c24fin-table-gradeinfolayout {
  font-size: 10px; }

.c24fin-table-gradelogo {
  float: left;
  background: transparent url(/konten/resources/baufi/imgs/2013/logos/w_55/check24.png) no-repeat;
  width: 55px;
  height: 14px;
  margin: 4px 5px 0 20px; }

.c24fin-table-gradetext {
  float: left; }

.c24fin-testreports {
  display: table;
  width: 100%; }

.c24fin-testreports > div {
  display: table-row; }

.c24fin-testreports > div > div {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 10px; }

.c24fin-testreports > div > div:first-child {
  width: 15%; }

.c24fin-testreports > div > div:last-child,
.c24fin-feedback,
.c24fin-footer {
  border-top: 1px dotted #DCDCDC;
  padding: 5px 0;
  min-height: 50px; }

.c24fin-testreports .date {
  float: right; }

.c24fin-testreports .showMore {
  text-align: right; }

.c24fin-testreports .long {
  display: none; }

.c24fin-feedback p {
  padding: 5px 0 5px 25px;
  margin: 0;
  width: 80%; }

.c24fin-feedback span {
  float: right;
  line-height: 26px; }

.c24fin-feedback span b {
  font-size: 26px; }

.c24fin-feedback .good:before,
.c24fin-feedback .bad:before {
  border-radius: 3px;
  color: #fff;
  content: "+";
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  height: 16px;
  left: 8px;
  line-height: 15px;
  margin-right: 10px;
  position: absolute;
  text-align: center;
  width: 16px;
  background: #b7e42c;
  background: -webkit-linear-gradient(top, #e3e3e3 0, #b7e42c 10%, #9abb35 100%);
  background: linear-gradient(to bottom, #e3e3e3 0, #b7e42c 10%, #9abb35 100%); }

.c24fin-feedback .bad:before {
  content: '-';
  background: #f41010;
  background: -webkit-linear-gradient(top, #e3e3e3 0, #f41010 10%, #ae240f 100%);
  background: linear-gradient(to bottom, #e3e3e3 0, #f41010 10%, #ae240f 100%); }

.c24fin-footer {
  padding-top: 10px; }

.c24fin-footer a {
  float: right; }

.c24fin-footer span a {
  float: none; }

.c24fin-starbar {
  padding: 15px 10px 5px; }

.c24fin-starbar > div {
  float: left;
  width: 33%;
  line-height: 30px; }

.c24fin-starbar .stars {
  font-weight: bold;
  font-size: 14px; }

.c24fin-starbar .stars div {
  width: 150px;
  height: 30px;
  float: left;
  margin-right: 5px; }

.c24fin-starbar .rate {
  width: 34%;
  text-align: center;
  font-weight: bold; }

.c24fin-starbar .count,
.c24fin-banklist span > a {
  text-align: right;
  color: #aaa;
  text-decoration: none; }

.c24fin-calcbar,
.c24fin-chartcalc {
  position: relative; }

.c24fin-calcbar {
  background: #fafafa;
  border: 1px solid #e3e3e3;
  font-size: 11px;
  padding: 10px; }
  .c24fin-calcbar p {
    margin: 0 0 10px; }

.c24fin-calcbar input,
.c24fin-calcbar label {
  cursor: pointer;
  vertical-align: middle; }

.c24fin-calcbar input[type=checkbox] + label {
  display: inline-block; }
  .c24fin-calcbar input[type=checkbox] + label:before {
    height: 14px;
    width: 14px; }

.c24fin-calcbar p {
  font-weight: bold; }

.c24fin-calcbar label {
  padding-right: 10px; }

.c24fin-calcbar .c24-button {
  bottom: 5px;
  position: absolute;
  right: 5px; }

.c24fin-banklist {
  display: table;
  width: 100%; }

.c24fin-banklist > div {
  display: table-row; }

.c24fin-banklist > div > div {
  display: table-cell;
  padding: 20px 10px 10px;
  position: relative; }

.c24fin-banklist > div > div:first-child {
  width: 170px; }

.c24fin-banklist .c24fin-cc-logo {
  margin: 0;
  float: none; }

.c24fin-banklist .c24-button {
  float: right; }

.c24fin-banklist .stars,
.c24fin-banklist .stars > div {
  width: 120px;
  height: 24px;
  float: left; }

.c24fin-chartcalc h2 {
  margin-top: 0; }

.c24fin-chartcalc img.chart {
  width: 310px;
  height: 200px; }

.c24fin-chartcalc .calc {
  bottom: 10px;
  position: absolute;
  right: 10px;
  width: 50%; }

input.c24fin-com-button {
  background: #2588d9;
  background: -webkit-linear-gradient(top, #2588d9 0%, #003055 100%);
  background: linear-gradient(to bottom, #2588d9 0%, #003055 100%);
  border: 0 none;
  box-shadow: 0 1px 2px #777;
  color: #fff;
  cursor: pointer;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 25px 15px 25px;
  text-align: center;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.35);
  height: 55px; }

input.c24fin-com-button:hover {
  background: #5DA3DC;
  background: -webkit-linear-gradient(top, #5DA3DC 0%, #074A7E 100%);
  background: linear-gradient(to bottom, #5DA3DC 0%, #074A7E 100%); }

.c24-grid-4.alpha.omega {
  float: right; }

.c24-ca-finkrk-partner .ele {
  background: transparent url("/konten/resources/baufi/imgs/2013/misc/fin/krk/partner_sprite_cc.png") no-repeat;
  height: 65px;
  margin: 0 auto;
  width: 95px; }

.c24-ca-finkrk-partner .ca-item {
  width: 145px;
  text-align: center;
  float: left;
  margin-right: 15px; }

.c24-ca-finkrk-partner .ca-item {
  text-align: center; }

.c24-ca-finkrk-partner .barclaycard {
  background-position: 0 -65px; }

.c24-ca-finkrk-partner:hover .barclaycard {
  background-position: 0 0; }

.c24-ca-finkrk-partner .ics {
  background-position: -95px -65px; }

.c24-ca-finkrk-partner:hover .ics {
  background-position: -95px 0; }

.c24-ca-finkrk-partner .consorsbank {
  background-position: -190px -65px; }

.c24-ca-finkrk-partner:hover .consorsbank {
  background-position: -190px 0; }

.c24-ca-finkrk-partner .dkb {
  background-position: -285px -65px; }

.c24-ca-finkrk-partner:hover .dkb {
  background-position: -285px 0; }

.c24-ca-finkrk-partner .hanseatic {
  background-position: -380px -65px; }

.c24-ca-finkrk-partner:hover .hanseatic {
  background-position: -380px 0; }

.c24-ca-finkrk-partner .santader {
  background-position: -475px -65px; }

.c24-ca-finkrk-partner:hover .santader {
  background-position: -475px 0; }

.c24-ca-finkrk-partner .comdirect {
  background-position: -570px -65px; }

.c24-ca-finkrk-partner:hover .comdirect {
  background-position: -570px 0; }

.c24-ca-finkrk-partner .wuestenrot {
  background-position: -665px -65px; }

.c24-ca-finkrk-partner:hover .wuestenrot {
  background-position: -665px 0; }

.c24-ca-finkrk-partner .advanzia {
  background-position: -760px -65px; }

.c24-ca-finkrk-partner:hover .advanzia {
  background-position: -760px 0; }

.c24-ca-finkrk-partner .targobank {
  background-position: -855px -65px; }

.c24-ca-finkrk-partner:hover .targobank {
  background-position: -855px 0; }

.c24-ca-finkrk-partner .netbank {
  background-position: 0 -195px; }

.c24-ca-finkrk-partner:hover .netbank {
  background-position: 0 -130px; }

.c24-ca-finkrk-partner .direkt1822 {
  background-position: -95px -195px; }

.c24-ca-finkrk-partner:hover .direkt1822 {
  background-position: -95px -130px; }

.c24-ca-finkrk-partner .dab {
  background-position: -190px -195px; }

.c24-ca-finkrk-partner:hover .dab {
  background-position: -190px -130px; }

.c24-ca-finkrk-partner .norisbank {
  background-position: -285px -195px; }

.c24-ca-finkrk-partner:hover .norisbank {
  background-position: -285px -130px; }

.c24-ca-finkrk-partner .consorsfinanz {
  background-position: -380px -195px; }

.c24-ca-finkrk-partner:hover .consorsfinanz {
  background-position: -380px -130px; }

.c24-ca-finbau-partner .ele {
  background: transparent url("/konten/resources/baufi/imgs/2013/misc/fin/bau/partner-logos-sprite_c24.png") no-repeat;
  height: 65px;
  margin: 0 auto; }

.c24-ca-finbau-partner .ca-item {
  width: 110px;
  text-align: center; }

.c24-ca-finbau-partner .dslbank {
  width: 95px;
  background-position: 0 -65px; }
  .c24-ca-finbau-partner .dslbank:hover {
    background-position: 0 0; }

.c24-ca-finbau-partner .ingdiba {
  width: 95px;
  background-position: -95px -65px; }
  .c24-ca-finbau-partner .ingdiba:hover {
    background-position: -95px 0; }

.c24-ca-finbau-partner .commerzbank {
  width: 95px;
  background-position: -190px -65px; }
  .c24-ca-finbau-partner .commerzbank:hover {
    background-position: -190px 0; }

.c24-ca-finbau-partner .dkb {
  width: 95px;
  background-position: -285px -65px; }
  .c24-ca-finbau-partner .dkb:hover {
    background-position: -285px 0; }

.c24-ca-finbau-partner .muenchnerhyp {
  width: 95px;
  background-position: -380px -65px; }
  .c24-ca-finbau-partner .muenchnerhyp:hover {
    background-position: -380px 0; }

.c24-ca-finbau-partner .allianz {
  width: 95px;
  background-position: -475px -65px; }
  .c24-ca-finbau-partner .allianz:hover {
    background-position: -475px 0; }

.c24-ca-finbau-partner .psd {
  width: 95px;
  background-position: -570px -65px; }
  .c24-ca-finbau-partner .psd:hover {
    background-position: -570px 0; }

.c24-ca-finbau-partner .ergo {
  width: 95px;
  background-position: -665px -65px; }
  .c24-ca-finbau-partner .ergo:hover {
    background-position: -665px 0; }

.c24-ca-finbau-partner .volkswohl {
  width: 95px;
  background-position: -760px -65px; }
  .c24-ca-finbau-partner .volkswohl:hover {
    background-position: -760px 0; }

.c24-ca-finbau-partner .hanseatic {
  width: 95px;
  background-position: -855px -65px; }
  .c24-ca-finbau-partner .hanseatic:hover {
    background-position: -855px 0; }

.c24-ca-finbau-partner .axa {
  width: 95px;
  background-position: -950px -65px; }
  .c24-ca-finbau-partner .axa:hover {
    background-position: -950px 0; }

.c24-ca-finbau-partner .hannoversche {
  width: 95px;
  background-position: -1045px -65px; }
  .c24-ca-finbau-partner .hannoversche:hover {
    background-position: -1045px 0; }

.c24-ca-finbau-partner .lbs {
  width: 95px;
  background-position: -1140px -65px; }
  .c24-ca-finbau-partner .lbs:hover {
    background-position: -1140px 0; }

.c24-ca-finbau-partner .deutschebank {
  width: 95px;
  background-position: -1235px -65px; }
  .c24-ca-finbau-partner .deutschebank:hover {
    background-position: -1235px 0; }

.c24-ca-finbau-partner .oyakankerbank {
  width: 95px;
  background-position: -1330px -65px; }
  .c24-ca-finbau-partner .oyakankerbank:hover {
    background-position: -1330px 0; }

.c24-ca-finbau-partner .sskm {
  width: 95px;
  background-position: -1425px -65px; }
  .c24-ca-finbau-partner .sskm:hover {
    background-position: -1425px 0; }

.c24-ca-finbau-partner .gladbacherbank {
  width: 95px;
  background-position: -1520px -65px; }
  .c24-ca-finbau-partner .gladbacherbank:hover {
    background-position: -1520px 0; }

.c24-ca-finbau-partner .bhw {
  width: 95px;
  background-position: -1615px -65px; }
  .c24-ca-finbau-partner .bhw:hover {
    background-position: -1615px 0; }

.c24fin-adv-teaser {
  float: right;
  margin: 0 0 0 25px;
  border: 1px solid #dcdcdc;
  padding: 0 10px 10px;
  width: 260px; }

.c24-cnt-ele .c24-grid-3.c24fin-adv-teaser .c24fin-adv-teaser-list li {
  list-style-type: none;
  margin: 0 0 5px -10px;
  padding: 0 0 0 20px; }
  .c24-cnt-ele .c24-grid-3.c24fin-adv-teaser .c24fin-adv-teaser-list li span {
    margin: 0 0 0 -15px; }

.c24fin-smallButton {
  background: #2588d9;
  background: -webkit-linear-gradient(top, #2588d9 0%, #003055 100%);
  background: linear-gradient(to bottom, #2588d9 0%, #003055 100%);
  border: 0 none;
  box-shadow: 0 1px 2px #777;
  color: #fff;
  cursor: pointer;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 20px;
  font-weight: bold;
  height: 55px;
  padding: 5px 86px;
  text-align: center;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.35); }

.c24fin-smallButton:hover {
  background: #5da3dc;
  background: -webkit-linear-gradient(top, #5da3dc 0%, #074a7e 100%);
  background: linear-gradient(to bottom, #5da3dc 0%, #074a7e 100%);
  text-decoration: none; }

.c24fin-arten-table {
  max-width: 100%;
  border: 1px solid #000; }

.c24fin-arten-table table {
  border-collapse: collapse; }

.c24fin-arten-table th {
  border-bottom: 2px solid #000; }

.c24fin-arten-table td {
  border-top: 1px solid #000;
  border-right: 1px solid #000; }

.c24fin-arten-table tr td:last-child {
  border-right: none; }

.c24-cntcol-sidebar .FeedbackReport h3 {
  font-size: 11px;
  line-height: 15px;
  margin-bottom: 5px; }

.c24-tab-js_text-news a:hover {
  text-decoration: none; }

.c24-tab-js_text-news a .text {
  color: #666; }

.c24-tab-js span.more {
  float: right; }

/* product list */
.c24-cnt-ele-content li.pr_link {
  line-height: 20px;
  background-image: none; }

.c24-cnt-ele-content li span.cur_sec {
  padding-left: 0;
  line-height: normal; }
  .c24-cnt-ele-content li span.cur_sec a {
    font-weight: 700; }

.c24-cnt-ele-content li span.cur_sec:hover {
  text-decoration: none; }

/** LP: Studieren in Deutschland **/
.txt-en {
  color: #333; }

/* TEASER */
.c24-teaser-accounts.c24-teaser-ga-en {
  background: url(/konten/resources/baufi/imgs/2013/misc/fin/lp/studieren-deutschland/studieren_in_deutschland_teaser.jpg) no-repeat 0 0 transparent;
  box-sizing: border-box;
  height: 225px;
  padding: 10px;
  width: 100%; }
  .c24-teaser-accounts.c24-teaser-ga-en h1 {
    background: #fff;
    background: rgba(255, 255, 255, 0.85);
    color: #005da8;
    display: inline-block;
    font-size: 32px;
    padding: 20px 15px 27px; }

.text-boxed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  float: left;
  font-size: 12px;
  width: 460px;
  color: #666;
  margin: 0 18px 25px 18px;
  padding: 20px;
  background-color: #fafafa;
  position: relative;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
  .text-boxed p {
    margin: 0; }

/* Purpose-Box -> Bubbles */
.ga-purpose {
  margin: 20px 0 30px; }
  .ga-purpose p {
    background: url(/konten/resources/baufi/imgs/2013/misc/fin/lp/studieren-deutschland/sprite.png) no-repeat 0 0 transparent;
    float: left;
    margin: 0 35px;
    padding-top: 120px;
    text-align: center;
    width: 108px; }
    .ga-purpose p:first-of-type {
      margin-left: 0; }
    .ga-purpose p:last-of-type {
      float: right;
      margin: 0; }
    .ga-purpose p.bubble-02 {
      background-position: -108px 0; }
    .ga-purpose p.bubble-03 {
      background-position: -215px 0; }
    .ga-purpose p.bubble-04 {
      background-position: -324px 0; }
    .ga-purpose p.bubble-05 {
      background-position: -432px 0; }
    .ga-purpose p.bubble-06 {
      background-position: -540px 0; }

/* STEPS */
.c24fin-ga-en-steps {
  padding-top: 8px; }
  .c24fin-ga-en-steps p {
    padding-top: 25px;
    top: 155px; }
  .c24fin-ga-en-steps .step {
    height: 250px; }
    .c24fin-ga-en-steps .step.step-06 p {
      padding-top: 20px; }
    .c24fin-ga-en-steps .step.step-04 p,
    .c24fin-ga-en-steps .step.step-07 p {
      padding-top: 10px; }
  .c24fin-ga-en-steps .txt-en {
    display: block;
    margin-bottom: 5px; }

/* 3 schritte */
#blueBackground {
  background-color: #005DA8;
  height: 900px;
  position: relative;
  margin-bottom: -910px;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: -1;
  width: 100%; }

.threeStepsBox {
  margin-bottom: 50px;
  margin-top: 50px;
  background-color: #005DA8;
  height: 300px;
  padding-top: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }
  .threeStepsBox .circles {
    width: 135px;
    height: 135px;
    -webkit-border-radius: 135px;
    -moz-border-radius: 135px;
    border-radius: 135px;
    background-color: #ffffff;
    float: left;
    margin: 35px 0 0 150px;
    position: relative;
    text-align: center;
    line-height: 135px; }
    .threeStepsBox .circles:before {
      text-align: center;
      content: attr(data-idx);
      font-size: 27px;
      font-weight: bold;
      color: #005da8;
      display: block;
      position: absolute;
      left: -17px;
      top: -17px;
      background-color: white;
      line-height: 60px;
      width: 60px;
      height: 60px;
      -webkit-border-radius: 60px;
      -moz-border-radius: 60px;
      border-radius: 60px; }
    .threeStepsBox .circles .icon-pfeil {
      position: absolute;
      left: 180px;
      top: 0;
      font-size: 47px;
      color: white; }
    .threeStepsBox .circles .icon-money, .threeStepsBox .circles .icon-bank-pillars, .threeStepsBox .circles .icon-magnifier, .threeStepsBox .circles .icon-computer, .threeStepsBox .circles .icon-pdf {
      color: #005da8;
      font-size: 75px; }
  .threeStepsBox h3 {
    text-align: center;
    font-size: 30px;
    color: white; }

.threeStepsBoxKre {
  margin-bottom: 20px;
  margin-top: 12px;
  padding-top: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }
  .threeStepsBoxKre:after {
    position: absolute;
    content: "";
    left: 50%;
    left: calc(50% - 5px);
    top: 300px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #005da8; }
  .threeStepsBoxKre h3 {
    text-align: center;
    font-size: 30px;
    color: white; }

.column_2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 35px;
  -moz-column-gap: 35px;
  column-gap: 35px; }

.download .column_2 {
  margin-bottom: 40px; }

.download h4 {
  color: #005DA8;
  font-weight: bold; }

.download a {
  padding: 50px 20px 30px 20px;
  display: block;
  text-decoration: none;
  color: #666;
  position: relative;
  height: 265px; }
  .download a .dlFooter {
    position: absolute;
    bottom: 25px;
    width: 88%; }
    .download a .dlFooter .border_line {
      border-bottom: 1px solid #dcdcdc;
      margin: 15px 0;
      width: 100%; }
    .download a .dlFooter span {
      color: #005DA8; }
  .download a:hover span {
    color: #666; }

.download > div:not(.border_line):not(.clearfix) {
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  width: 460px;
  color: #666;
  margin-left: 25px;
  margin-bottom: 25px;
  background-color: #FAFAFA;
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  position: relative; }
  .download > div:not(.border_line):not(.clearfix) .icon-pdf {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: white;
    display: block;
    position: absolute;
    left: -14px;
    top: -10px;
    background-color: #005da8;
    line-height: 50px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; }

.download i {
  display: block;
  margin: 0 25px 35px; }

.downloadKre .column_2 {
  margin-bottom: 40px; }

.downloadKre h4 {
  color: #005DA8;
  font-weight: bold; }

.downloadKre a {
  padding: 33px 20px 20px 50px;
  display: block;
  text-decoration: none;
  color: #666;
  position: relative; }
  .downloadKre a .dlFooter .border_line {
    border-bottom: 1px solid #dcdcdc;
    margin: 15px 0;
    width: 100%; }
  .downloadKre a .dlFooter span {
    color: #005DA8;
    font-weight: bold; }
  .downloadKre a:hover span {
    color: #666; }

.downloadKre > div:not(.border_line):not(.clearfix) {
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  width: 472px;
  color: #666;
  margin-left: 18px;
  margin-bottom: 40px;
  background-color: #FAFAFA;
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  position: relative; }
  .downloadKre > div:not(.border_line):not(.clearfix) .icon-pdf {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: white;
    display: block;
    position: absolute;
    left: -18px;
    top: -10px;
    background-color: #005da8;
    line-height: 60px;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; }

.downloadKre i {
  display: block;
  margin: 0 25px 35px; }

[data-idx].optional:before {
  color: #999 !important;
  background-color: #f2f2f2 !important; }

.c24-grid-12 .c24-tab-group {
  overflow: hidden; }
  .c24-grid-12 .c24-tab-group .c24-tab-navi {
    background-color: #005ea8;
    margin: 0 auto;
    border: none !important;
    width: 105%; }
    .c24-grid-12 .c24-tab-group .c24-tab-navi li {
      /* one item */
      /* two items */
      /* three items */
      /* four items */
      /* five items */
      /* six items */ }
      .c24-grid-12 .c24-tab-group .c24-tab-navi li a {
        display: block;
        padding: 6px 0 7px 0;
        text-align: center;
        font-weight: normal;
        color: #fff;
        font-size: 15px;
        width: 100%;
        text-decoration: none;
        cursor: pointer;
        line-height: 19px; }
        .c24-grid-12 .c24-tab-group .c24-tab-navi li a.active {
          background-color: #51b2ff; }
        .c24-grid-12 .c24-tab-group .c24-tab-navi li a:after {
          display: none; }
      .c24-grid-12 .c24-tab-group .c24-tab-navi li:first-child:nth-last-child(1) {
        width: 100% !important; }
      .c24-grid-12 .c24-tab-group .c24-tab-navi li:first-child:nth-last-child(2),
      .c24-grid-12 .c24-tab-group .c24-tab-navi li:first-child:nth-last-child(2) ~ li {
        width: 50% !important; }
      .c24-grid-12 .c24-tab-group .c24-tab-navi li:first-child:nth-last-child(3),
      .c24-grid-12 .c24-tab-group .c24-tab-navi li:first-child:nth-last-child(3) ~ li {
        width: 33.3333% !important; }
      .c24-grid-12 .c24-tab-group .c24-tab-navi li:first-child:nth-last-child(4),
      .c24-grid-12 .c24-tab-group .c24-tab-navi li:first-child:nth-last-child(4) ~ li {
        width: 24% !important; }
      .c24-grid-12 .c24-tab-group .c24-tab-navi li:first-child:nth-last-child(5),
      .c24-grid-12 .c24-tab-group .c24-tab-navi li:first-child:nth-last-child(5) ~ li {
        width: 19.5% !important; }
      .c24-grid-12 .c24-tab-group .c24-tab-navi li:first-child:nth-last-child(6),
      .c24-grid-12 .c24-tab-group .c24-tab-navi li:first-child:nth-last-child(6) ~ li {
        width: 16% !important; }
  .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content h1,
  .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content h2,
  .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content h3,
  .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content h4,
  .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content h5 {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #575757 !important;
    line-height: 16px !important;
    padding: 0 !important; }
  .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content h3 {
    color: #575757;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 7px; }
  .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content h5 a {
    color: #575757 !important; }
  .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content h6 {
    font-weight: normal; }
  .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content p {
    font-size: 12px !important; }
  .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content .c24-list-news li {
    border-bottom: 0; }
  .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content ol {
    font-weight: bold;
    font-size: 16px; }
    .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content ol li {
      font-weight: bold; }
      .c24-grid-12 .c24-tab-group .c24-tab-group-content .c24-tab-content ol li p {
        font-weight: normal; }

.greyBox {
  background-color: #FDFDFD;
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  padding: 25px;
  width: 420px; }
  .greyBox.small {
    padding: 15px 20px; }

.greyBoxes {
  margin-top: 220px; }

.settleSteps {
  background-color: #FDFDFD;
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px; }
  .settleSteps ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .settleSteps ul li {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      width: 100%;
      font-size: 16px;
      line-height: 21px;
      padding: 24px 30px 0 75px;
      position: relative;
      cursor: pointer; }
      .settleSteps ul li:not(.hero) {
        min-height: 90px; }
        .settleSteps ul li:not(.hero):before {
          left: 21px;
          top: 25px;
          position: absolute;
          content: attr(data-idx);
          text-align: center;
          line-height: 40px;
          font-size: 16px;
          font-weight: bold;
          color: white;
          width: 40px;
          height: 40px;
          background-color: #005da8;
          -webkit-border-radius: 40px;
          -moz-border-radius: 40px;
          border-radius: 40px; }
        .settleSteps ul li:not(.hero):not(.optional) {
          border-bottom: 1px solid #dcdcdc; }
        .settleSteps ul li:not(.hero):hover a {
          text-decoration: underline; }
      .settleSteps ul li.hero {
        background-color: #005da8;
        color: white;
        padding: 30px;
        font-size: 21px;
        line-height: 25px;
        cursor: default; }
        .settleSteps ul li.hero:before {
          position: absolute;
          content: "";
          left: 30px;
          bottom: -10px;
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 10px solid #005da8; }
        .settleSteps ul li.hero:after {
          right: 22px;
          top: -22px;
          position: absolute;
          content: "\20AC";
          text-align: center;
          line-height: 66px;
          font-size: 40px;
          color: white;
          width: 66px;
          height: 66px;
          background-color: #005da8;
          -webkit-border-radius: 66px;
          -moz-border-radius: 66px;
          border-radius: 66px; }
        .settleSteps ul li.hero small {
          font-size: 14px; }
      .settleSteps ul li.singleLine {
        line-height: 42px; }

.smallText ul li {
  font-size: 14px; }
  .smallText ul li:not(.hero) {
    padding-bottom: 32px;
    cursor: default; }
  .smallText ul li a {
    color: #666; }

.bigListTeaserImg .textContainer {
  margin-top: -185px; }
  .bigListTeaserImg .textContainer > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    width: 460px !important;
    max-width: 460px !important;
    min-height: 270px;
    color: #666;
    margin: 0 18px 25px 18px;
    padding: 20px 15px 30px 20px;
    background-color: #FAFAFA;
    position: relative;
    /* if it has only two children */ }
    .bigListTeaserImg .textContainer > div:nth-child(1):nth-last-child(2), .bigListTeaserImg .textContainer > div:nth-child(2):nth-last-child(1) {
      height: 420px; }
    .bigListTeaserImg .textContainer > div.survey {
      min-height: 0; }
    .bigListTeaserImg .textContainer > div:not(.survey) {
      border: 1px solid #dcdcdc;
      -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
  .bigListTeaserImg .textContainer h4 {
    font-weight: bold; }

.bigListTeaserImg .imgContainer {
  height: 563px;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 25px;
  margin-bottom: 25px; }
  .bigListTeaserImg .imgContainer h2, .bigListTeaserImg .imgContainer h3 {
    color: white;
    line-height: 35px;
    font-size: 35px;
    position: absolute;
    display: block;
    width: 100%;
    text-align: center; }
    .bigListTeaserImg .imgContainer h2.top, .bigListTeaserImg .imgContainer h3.top {
      top: 30px; }
    .bigListTeaserImg .imgContainer h2.textCenter, .bigListTeaserImg .imgContainer h3.textCenter {
      top: 220px; }
    .bigListTeaserImg .imgContainer h2.textBottom, .bigListTeaserImg .imgContainer h3.textBottom {
      top: 294px; }
    .bigListTeaserImg .imgContainer h2 svg, .bigListTeaserImg .imgContainer h3 svg {
      position: absolute;
      height: 50px;
      left: 262px;
      top: 40px;
      width: 200px; }
      .bigListTeaserImg .imgContainer h2 svg path, .bigListTeaserImg .imgContainer h3 svg path {
        fill: #fff; }
    .bigListTeaserImg .imgContainer h2 span, .bigListTeaserImg .imgContainer h3 span {
      position: absolute;
      top: 45px;
      left: 479px; }
  .bigListTeaserImg .imgContainer h3 {
    color: #666; }
    .bigListTeaserImg .imgContainer h3 svg path {
      fill: #666; }

.survey {
  padding: 0 !important; }
  .survey .c24fin-question {
    float: none;
    width: 100%;
    margin: 0;
    background-color: transparent;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
    .survey .c24fin-question h4 {
      border: none;
      font-size: 18px;
      background-color: #005da8;
      color: white;
      padding: 10px 20px;
      margin-bottom: 0; }
    .survey .c24fin-question h5 {
      background-color: transparent;
      padding-left: 20px; }
    .survey .c24fin-question p {
      padding: 0 20px;
      margin-bottom: 25px; }
    .survey .c24fin-question form {
      position: relative;
      padding-bottom: 20px; }
      .survey .c24fin-question form h5 {
        padding: 0 20px 20px;
        margin: 0 0 20px 0;
        background-color: #005da8;
        color: white;
        position: relative;
        /* Onlinekredit Seite Bug durch 2. Arrow Down*/
        /*&:before {
				  position: absolute;
				  content: "";
				  left: 19px;
				  top: 52px;
				  width: 0;
				  height: 0;
				  border-left: 10px solid transparent;
				  border-right: 10px solid transparent;
				  border-top: 10px solid #005da8;
				}*/ }
      .survey .c24fin-question form > div {
        margin-left: 20px;
        margin-bottom: 15px; }
      .survey .c24fin-question form .c24-button {
        position: absolute;
        padding: 10px;
        bottom: 10px;
        right: 10px;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); }

#fourTips, #quickCheck, #kre_start {
  padding-top: 15px; }

.threeStepsExplain div, .tipList div {
  padding-left: 65px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .threeStepsExplain div:first-child, .tipList div:first-child {
    margin-bottom: 40px; }
  .threeStepsExplain div[data-idx]:before, .tipList div[data-idx]:before {
    text-align: center;
    content: attr(data-idx);
    font-size: 23px;
    font-weight: bold;
    color: white;
    display: block;
    position: absolute;
    left: 0;
    top: -14px;
    background-color: #005da8;
    line-height: 50px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; }

.tipList h4 {
  color: #575757;
  font-weight: bold; }

.tipList > div {
  margin-top: 30px; }

.tipList.newIndexBox div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 0; }
  .tipList.newIndexBox div:first-child {
    margin-bottom: 10px; }
  .tipList.newIndexBox div[data-idx]:before {
    text-align: center;
    content: attr(data-idx);
    font-size: 11px;
    font-weight: bold;
    color: white;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #1980d0;
    line-height: 26px;
    width: 62px;
    height: 26px;
    border-radius: 0; }

.tipList.newIndexBox h4 {
  padding-left: 73px; }

.threeStepsExplain {
  margin-top: 50px; }
  .threeStepsExplain .threeStepsExplainBox {
    background-color: #ffffff;
    padding: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); }
    .threeStepsExplain .threeStepsExplainBox[data-idx]:before {
      font-family: Arial;
      text-align: center;
      content: attr(data-idx);
      font-size: 18px;
      font-weight: bold;
      color: white;
      display: block;
      position: absolute;
      left: 22px;
      top: 345px;
      background-color: #005da8;
      line-height: 38px;
      width: 38px;
      height: 38px;
      -webkit-border-radius: 38px;
      -moz-border-radius: 38px;
      border-radius: 38px; }
    .threeStepsExplain .threeStepsExplainBox h4 {
      padding-left: 70px;
      font-weight: bold;
      color: #575757;
      line-height: 125%; }
    .threeStepsExplain .threeStepsExplainBox img {
      width: 490px;
      margin-bottom: 20px;
      height: 320px;
      overflow: hidden; }
    .threeStepsExplain .threeStepsExplainBox p {
      padding: 0 20px 20px 20px;
      min-height: 230px; }
    .threeStepsExplain .threeStepsExplainBox .threeStepsExplainBoxPicLeft {
      float: left;
      margin-right: 20px; }
    .threeStepsExplain .threeStepsExplainBox.picLeft {
      height: 540px; }
      .threeStepsExplain .threeStepsExplainBox.picLeft[data-idx]:before {
        left: 509px;
        top: 21px; }
      .threeStepsExplain .threeStepsExplainBox.picLeft h4 {
        padding-top: 20px;
        padding-left: 556px; }
    .threeStepsExplain .threeStepsExplainBox.half-right, .threeStepsExplain .threeStepsExplainBox.half-left {
      width: 490px; }

/*   Bessere Konditionen Sektion SEO LP Kredit */
#betterConditions {
  margin-bottom: 15px; }
  #betterConditions h3 {
    font-weight: bold;
    font-size: 18px;
    margin-top: 14px; }
  #betterConditions .table {
    display: table;
    border-collapse: collapse;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }
    #betterConditions .table .tr {
      display: table-row; }
      #betterConditions .table .tr .td {
        display: table-cell;
        padding: 10px;
        border: 1px solid #dcdcdc; }
        #betterConditions .table .tr .td.caption {
          font-size: 130%;
          font-weight: bold;
          padding: 25px 10px;
          background-color: #FAFAFA;
          text-align: center;
          border: none; }
        #betterConditions .table .tr .td.cellOne {
          font-size: 130%;
          font-weight: bold;
          padding: 10px 30px 10px 15px;
          line-height: 125%;
          width: 180px; }
        #betterConditions .table .tr .td.cellTwo {
          background-color: #FAFAFA;
          width: 270px; }
        #betterConditions .table .tr .td.cellThree {
          width: 270px; }
        #betterConditions .table .tr .td.cellFour {
          background-color: #FAFAFA;
          width: 270px; }
        #betterConditions .table .tr .td p {
          padding: 0 10px; }
        #betterConditions .table .tr .td ul li {
          list-style: disc;
          margin-bottom: 10px; }

span.secondLine {
  font-size: 16px;
  font-weight: normal; }

#download {
  padding-top: 10px; }
  #download h4 {
    font-size: 22px;
    color: #575757; }
  #download h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
    margin: 0 0 10px; }
  #download .half-left h4, #download .half-right h4 {
    color: #005DA8;
    font-weight: normal;
    font-size: 18px !important; }
  #download .half-left h3, #download .half-right h3 {
    color: #005DA8;
    font-weight: normal;
    font-size: 18px !important; }

#creditConditions h3, #creditWish h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 21px; }

#creditConditions h4, #creditWish h4 {
  font-size: 20px;
  font-weight: bold;
  color: #666666;
  line-height: 160%; }

#kre_news h3 a {
  font-size: 16px;
  font-weight: bold;
  color: #575757; }

/* SEO text */
.c24-txt-justify {
  text-align: justify; }

/* Publikationen Teaser */
.publications-teaser-blue {
  /* IE8 Fallback */
  background: url("/konten/resources/baufi/imgs/products/finance/pub-teaser-blue.png") repeat-x #9fc1dd;
  background: -webkit-linear-gradient(#f1f6fa, #9fc1dd) !important;
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#f1f6fa, #9fc1dd) !important;
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#f1f6fa, #9fc1dd) !important;
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#f1f6fa, #9fc1dd) !important;
  /* Standard syntax */
  height: auto;
  padding-bottom: 20px; }

/* Accordion, e.g.: /girokonto/studieren-deutschland/ */
.accordion {
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  margin: 10px 0 40px;
  width: 490px;
  /* Link to open content */
  /* content of accordion */
  /* invisible content */
  /* visible content */ }
  .accordion .accordion-headline {
    background: #005ea8;
    color: #fff;
    font-size: 20px;
    line-height: 140%;
    padding: 20px;
    position: relative; }
    .accordion .accordion-headline:before {
      position: absolute;
      content: "";
      left: 20px;
      bottom: -10px;
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-top-color: #005da8;
      border-bottom: none; }
    .accordion .accordion-headline.single-headline {
      line-height: 280%; }
  .accordion .accordion-link {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #dcdcdc;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 70px;
    padding: 15px 70px;
    /* for old browsers */
    position: relative;
    vertical-align: middle; }
    .accordion .accordion-link h4 {
      color: #666;
      display: block;
      font-size: 14px;
      font-weight: 700;
      line-height: 120%;
      margin: 0;
      width: 100%; }
    .accordion .accordion-link:first-of-type {
      border-top: none; }
    .accordion .accordion-link[data-idx]:before {
      text-align: center;
      content: attr(data-idx);
      font-size: 18px;
      font-weight: bold;
      color: #fff;
      display: block;
      position: absolute;
      left: 20px;
      top: 15px;
      background-color: #005da8;
      line-height: 40px;
      width: 40px;
      height: 40px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 40px; }
    .accordion .accordion-link:hover {
      cursor: pointer; }
    .accordion .accordion-link .arrow {
      height: 10px;
      position: absolute;
      right: 30px;
      top: 30px;
      width: 20px;
      -webkit-transition: .35s linear;
      -moz-transition: .35s linear;
      -o-transition: .35s linear;
      transition: .35s linear; }
      .accordion .accordion-link .arrow:before, .accordion .accordion-link .arrow:after {
        content: "";
        border: 10px solid transparent;
        border-bottom: none;
        position: absolute; }
      .accordion .accordion-link .arrow:before {
        border-top-color: #cdcdcd;
        right: 0; }
      .accordion .accordion-link .arrow:after {
        border-top-color: #fff;
        border-width: 8px;
        right: 2px;
        top: -2px; }
      .accordion .accordion-link .arrow.rotate {
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
  .accordion .accordion-content {
    padding: 10px 30px 10px 20px; }

.c24-customer-rating-wrapper .c24-cr-content {
  display: table;
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: left; }
  .c24-customer-rating-wrapper .c24-cr-content .c24-cr-content-element {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 50px; }
    .c24-customer-rating-wrapper .c24-cr-content .c24-cr-content-element:first-child {
      display: none;
      vertical-align: middle;
      text-align: left;
      height: 50px; }
    .c24-customer-rating-wrapper .c24-cr-content .c24-cr-content-element .c24-cr-stars {
      display: table;
      width: 100%;
      vertical-align: middle; }
      .c24-customer-rating-wrapper .c24-cr-content .c24-cr-content-element .c24-cr-stars .c24-cr-stars-content {
        display: table-cell;
        vertical-align: middle;
        text-align: left; }
        .c24-customer-rating-wrapper .c24-cr-content .c24-cr-content-element .c24-cr-stars .c24-cr-stars-content .icon-five-stars {
          display: inline-block;
          line-height: inherit;
          top: 0;
          left: 0; }
        .c24-customer-rating-wrapper .c24-cr-content .c24-cr-content-element .c24-cr-stars .c24-cr-stars-content .c24-cr-stars-text {
          display: inline-block;
          line-height: inherit;
          position: relative;
          top: -5px; }
    .c24-customer-rating-wrapper .c24-cr-content .c24-cr-content-element.c24-cr-recquote span {
      font-weight: bold; }
    .c24-customer-rating-wrapper .c24-cr-content .c24-cr-content-element .c24-cr-quote {
      border: 1px solid #dcdcdc;
      display: inline-block;
      width: 100px;
      position: relative;
      top: 2px; }
      .c24-customer-rating-wrapper .c24-cr-content .c24-cr-content-element .c24-cr-quote div:first-child {
        height: 12px; }

.c24-headline-carousel {
  text-align: center;
  font-weight: bold;
  border-bottom: none !important;
  font-size: 16px !important; }
  .c24-headline-carousel.border-active {
    border-bottom: 1px solid #dcdcdc !important; }

h1.c24-fin:not(.center), h1.c24-web:not(.center),
h2.c24-fin:not(.center),
h2.c24-web:not(.center) {
  text-align: left !important; }

.page-title {
  text-align: center; }

.c24-tipp {
  background-color: #F4F4F4;
  border: 1px solid #F5F5F5;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  color: #666;
  font-size: 12px;
  margin: 5px 5px 25px;
  padding: 40px 20px 10px !important;
  position: relative;
  text-align: left; }
  .c24-tipp .c24-flag {
    background-color: #f6b801;
    color: #fff;
    cursor: default;
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto;
    max-width: 310px;
    padding: 8px 20px !important;
    position: absolute;
    text-align: center;
    top: -1px;
    left: -5px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12); }
    .c24-tipp .c24-flag:after {
      content: ' ';
      position: absolute;
      width: 0;
      height: 0;
      left: 0px;
      top: 100%;
      border-width: 3px 3px;
      border-style: solid;
      border-color: #c29200 #c29200 transparent transparent; }
  .c24-tipp p {
    line-height: 2em; }

.c24-cnt-ele.kreCalc .alpha, .c24-cnt-ele.kreCalc .omega {
  margin-bottom: 25px; }
  .c24-cnt-ele.kreCalc .alpha h4, .c24-cnt-ele.kreCalc .alpha h3, .c24-cnt-ele.kreCalc .omega h4, .c24-cnt-ele.kreCalc .omega h3 {
    font-size: 100%;
    line-height: 150%;
    opacity: 1.0; }

.c24-cnt-ele.kreCalc h2 {
  margin: 40px 0 10px; }

.c24-cnt-ele.kreCalc h4 {
  font-size: 14px; }

.c24-cnt-ele-content.text-banner {
  font-size: 16px;
  line-height: 150%;
  margin: 0 auto;
  text-align: center; }
  .c24-cnt-ele-content.text-banner h3 {
    opacity: 1; }
  .c24-cnt-ele-content.text-banner a {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    margin: 10px 0 30px;
    padding: 13px 30px; }
  .c24-cnt-ele-content.text-banner p {
    line-height: 170%; }

.c24-cnt-ele-content .twoColumns {
  width: 100%;
  column-count: 2;
  column-gap: 20px; }
  .c24-cnt-ele-content .twoColumns p {
    margin-top: 0; }

.c24-cnt-ele-content ul.inline_list {
  text-align: center; }
  .c24-cnt-ele-content ul.inline_list li {
    display: inline;
    padding: 0 10px;
    color: #999; }
    .c24-cnt-ele-content ul.inline_list li:before {
      content: "• "; }

.c24-cnt-ele-content .border-top {
  border-top: 1px solid #dcdcdc;
  padding-top: 30px; }

.c24-cnt-ele-content .ordered_list ul {
  padding: 30px;
  border: 1px dotted #ccc;
  list-style-type: none; }
  .c24-cnt-ele-content .ordered_list ul li {
    margin-bottom: 15px; }
  .c24-cnt-ele-content .ordered_list ul .bubble-number {
    border-radius: 8px;
    padding: 1px 5px;
    background-color: #575757;
    margin-right: 5px;
    color: white; }

.c24-cnt-ele-content .c24-question-bg-img {
  position: relative;
  min-height: 500px; }

.c24-cnt-ele-content .c24-questions {
  background-color: #f4f4f4;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 50px;
  left: 45%;
  float: none;
  margin: 0 -30%;
  width: 70%; }
  .c24-cnt-ele-content .c24-questions h3 {
    margin: 0;
    background: #005ea8;
    padding: 30px 0;
    text-align: center;
    opacity: 1.0;
    color: #f4f4f4; }
  .c24-cnt-ele-content .c24-questions p {
    color: #999999;
    padding: 20px 40px;
    text-align: center;
    border-bottom: 1px solid #dcdcdc; }
    .c24-cnt-ele-content .c24-questions p .c24-question-highlight-text {
      display: block;
      margin-bottom: 10px;
      font-weight: bold;
      color: #575757; }
  .c24-cnt-ele-content .c24-questions .arrow_box {
    position: relative;
    background: #005ea8; }
  .c24-cnt-ele-content .c24-questions .arrow_box:after {
    top: 100%;
    left: 50%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 94, 168, 0);
    border-top-color: #005ea8;
    border-width: 10px;
    margin-left: -10px; }

.c24-kredit-questions {
  background: #1980d0;
  display: block;
  height: 355px;
  margin-top: 20px;
  margin-bottom: 20px;
  z-index: 0;
  position: relative; }
  .c24-kredit-questions img {
    margin-top: 5px; }

.tab-title,
.stars-bars,
.note-overlay,
.overlay,
.ca-nav-next,
.ca-nav-prev,
label,
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.xdebug-error.xe-notice {
  position: fixed;
  z-index: 500; }