@media (max-width:768px) {
  .hide-in-mobile {
    display:none;
  }
}

@media (min-width:769px) {
  .only-mobile {
    display: none;  
  }
}

@media (max-width: 601px) {
  .only-tablet {
    display: none;
  }
}

@media (min-width: 769px) {
  .only-tablet {
    display: none;
  }
}

@media (max-width: 769px) {
  .only-desktop {
    display: none;
  }
}

.posrel {
  position: relative;
}

footer {
  padding-top:25px;
  margin-top:25px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
}

footer ul {
  padding-left:0;
}

.rsHidden {
  opacity: 1!important;
  visibility: initial!important;
}

.header-bg-div {
  min-height: 300px;padding-top: 30px;
}

.trustseal-versign {
  width: 115px;
  height: 81px;
  display: block;
  background: white url(../img/sprite.png) 0 -275px no-repeat;
}

.gradiant-button {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcce48),color-stop(100%, #eea11a));
  background: -moz-linear-gradient(#fcce48,#eea11a);
  background: -webkit-linear-gradient(#fcce48,#eea11a);
  background: linear-gradient(#fcce48,#eea11a);
  background-color: #FCCE48;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCCE48', endColorstr='#FFEEA11A');
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 1px 2px 0 0px #BF7200,inset 0 0 transparent;
  -webkit-box-shadow: 1px 2px 0 0px #BF7200,inset 0 0 transparent;
  box-shadow: 1px 2px 0 0px #BF7200,inset 0 0 transparent;
  text-shadow: 0px 1px 0px #EED282;
  -moz-transition: box-shadow 0.08s linear,color 0.08s linear,text-shadow 0.08s linear,color 0.1s linear;
  -o-transition: box-shadow 0.08s linear,color 0.08s linear,text-shadow 0.08s linear,color 0.1s linear;
  -webkit-transition: box-shadow 0.08s linear,color 0.08s linear,text-shadow 0.08s linear,color 0.1s linear;
  transition: box-shadow 0.08s linear,color 0.08s linear,text-shadow 0.08s linear,color 0.1s linear;
  cursor: pointer;
  color: #7F3300;
  background-color: #FCCE48;
  border: none;
  text-decoration: none;
  font-weight: bold;
  font-family: 'Arial';
  font-size: 22px;
  line-height: 30px;
  padding: 3px 10px 2px;
  margin: 0;
  outline: none;
  position: relative;
  white-space: nowrap;
  margin-bottom: 15px;
  font-size: 12px !important;
  line-height: 16px !important;
  height: 24px;
  padding: 5px 5px 7px 7px !important;
  color: #7F3300 !important;
  text-decoration: none;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  outline: none;
  margin: 5px 0px;
  display: inline-block;
  vertical-align: middle;

}

.gradiant-button:hover {
  text-decoration: none;  
}

.banken-slider-row {
  margin-top: 25px;
  margin-bottom: 25px;
}

iframe {max-width:100%;}

@font-face {
  font-family: smava; 
  src: url('../smavafont/smava.woff');
} 
           
.button-orange {
  display:inline-block;
  font-size: 14px;
  vertical-align: middle;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f1a319;
  color: #fff;
  border: none;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial, sans-serif;
  line-height: 40px;
  padding: 0 10px;
  margin: 0;
  outline: none;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  overflow: visible;
  margin-top: 19px;
  text-align: center;    
}

.button-orange:hover {
  text-decoration: none;
}

div.royalSlider {
  width:100%!important;
}
div.slide {
  height:140px;
}

.container-wrapper {
  max-width:1170px;
  margin: 0 auto;
}

.loan-form-container.affix {
  position: initial;
}

@media (min-width: 769px) {

  .loan-form-container.affix {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    z-index: 10000;
    /*-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);*/
  }

  .loan-form-container.affix .container {
    background: #fff;
  }

  .select-icon:before {
    font-family: "smava";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size: 100%;
    
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -7px;
    content: "";
  }


}

body {
  font-family: Arial, sans-serif;
}

a {
  color: #797979;
}

a:hover {
  color: #000;
}

.entry h2 {
  font-weight:bold;
  font-size:16px;
  color: #73ba24;
}

h2,
.like-h2,
.entry h2 {
  font-weight:bold;
  font-size:24px;
  color: #73ba24;    
}

.accordion-section h2 a {
 color: #73ba24; 
}

.entry p {
  font-size: 16px;
  color: #797979;
  line-height:24px;
  margin-right:0;
}

.entry table {
  width:100%;
  max-width:700px;
  margin: 15px auto 15px auto;
  border: 1px solid #ddd;    

  -webkit-box-shadow: 0px 0px 10px 0px rgba(50,50,50,0.3);
  -moz-box-shadow: 0px 0px 10px 0px rgba(50,50,50,0.3);
  box-shadow: 0px 0px 10px 0px rgba(50,50,50,0.3);

}

@media (max-width:320px) {

  .entry table {
    max-width: 300px;
    width:300px!important;
  }

}


.entry table tr,
.entry table tr td,
 .entry table tr th {
 border: 1px solid #ddd; 
}

.entry table th,
.entry table td {
  padding: 10px;
}



.entry table tr:nth-child(even) {

}

.entry table.column-pattern tr th:nth-child(1n),
.entry table.column-pattern tr td:nth-child(1n) {
  background: #fff;
}

.entry table.column-pattern tr th:nth-child(2n),
.entry table.column-pattern tr td:nth-child(2n) {
  background: #f8f8f8;
}

.entry table.column-pattern tr th:nth-child(3n),
.entry table.column-pattern tr td:nth-child(3n) {
  background: #f3f3f3;
}

.content-container {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.top-logo {
  margin-top:10px;    
  margin-bottom: 10px;
}

.phone-box {
  color: #8dc74c;
  margin-top:30px;
}

.phone-box p {
  margin-bottom:0;
  font-size:24px;
  text-align: right;
}

.phone-box p img {
  vertical-align:top;
    margin: 5px 5px 5px 0;
}

.phone-box p.small {
  font-size:11px;
  text-transform: uppercase;
  letter-spacing: 0.3em;
}

.phone-box p.big {
  line-height: 30px;
  letter-spacing: 0.1em;
}

.phone-box.phone-box-bottom {
  margin-left:20px;
}

.phone-box.phone-box-bottom p {
  text-align:left;
}
.phone-box.phone-box-bottom {
  background: url('../img/phone-icon-2.png') no-repeat left center;
  padding-left: 35px;
}


ul.bread li {
  color: #4b4b4b; 
}

ul.bread li a {
 color: #4b4b4b;
 text-decoration: underline; 
}

.lp-header {
  background: #eaeaea;
}

.lp-header h1 {
  color: #4b4b4b;
  font-size: 34px;
  font-weight: normal;
  margin-bottom: 45px;
  position:relative;
  z-index:10;
  margin-bottom:10px;
}

.lp-header .left-col {
  position: relative;
}

.lp-header .left-col img.stoerer {
  position:absolute;
  top:10px;  
  right:10px;
}

.lp-header .left-col img.stoerer.stoerer-ro {
}

.lp-header .left-col img.stoerer.stoerer-lu {
  top: initial;
  right: 255px;
  bottom: 10px;
}


.lp-header .left-col img.image {
  position:absolute;
  right:10px;
  bottom:10px;
  max-width:350px;
}

.lp-header .right-col {
  vertical-align: top;
  background: #f2f2f2;
  /*background:transparent;*/
  display:none;
  text-align:center;
  width: 200px;
  padding-left: 0;
  padding-right: 0;
}

.lp-header .left-col ul {
  padding-left:0;
  position:relative;
  z-index:10;
}

.lp-header .left-col ul li {
  line-height: 30px;
  font-size: 17px;
  color: #4b4b4b;
}

.stichpunkte-mobile ul {
  padding-left: 25px;
}

.stichpunkte-mobile ul li {
  position: relative;
  margin-bottom: 10px;
}

.stichpunkte-mobile ul li:before {
  position:absolute;
  left: -25px;
  content: '';
  width: 20px;
  height: 30px;
  display:inline-block;
  background: url(../img/check.png) no-repeat center 5px;
  vertical-align: middle;
  margin-right: 8px;
}

.lp-header .left-col ul li:before {
  content: '';
  width: 20px;
  height: 30px;
  display:inline-block;
  background: url(../img/check.png) no-repeat center center;
  vertical-align: middle;
  margin-right: 8px;
}

div.deal-box {
  background:#f9f9f9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin-bottom:30px;
  max-width:450px;
}

div.deal-box a.deal-link {
  color: #8dc74c;
  font-size:24px;
  font-weight: normal;
  font-family: Arial;
}

div.deal-box a.deal-link:hover {
  text-decoration:none;
}

div.deal-box p {
  font-size: 13px;
  color: #4b4b4b;
  margin-bottom:0;
}
div.deal-box p.deal-hl {
  font-weight: bold;
  font-size: 17px;
  line-height:1em;
  margin-bottom:5px;
}

div.deal-box p.deal-hl span {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}


div.deal-box p.small {
  font-size: 11px;
  margin-bottom: 0;
}


.lp-header .right-col div.tv-box {
  padding: 15px;
}

.lp-header .right-col div.tv-box p {
  color:#7e7e7e;
  margin-bottom:0;
}

.lp-header .right-col div.tv-box p.strong {
  font-size:16px;
  font-weight:bold;

}

.eKomi-wrapper {
  margin-top:15px;
}

.eKomiSeal {
  display:inline-block;
  vertical-align: top;
}

.eKomiRichSnippet {
  display:inline-block;
  width:120px;
}

.eKomiRichSnippet h3 {font-size:14px;margin-top:0;}


.eKomiRichSnippet {
  width: auto;
  border: 0;
  margin-bottom: 15px;
}
.eKomiRichSnippet h3 {
  text-align:left;
  margin-bottom: 3px;
}

.starRatingBox {
  margin-left: 65px;
}

.starRatingBox,
.starRatingGray {
  width: 110px;
}
.eKomiSeal {
  width: 60px;
  height: 60px;
  float: left;
}
.ratingValueDiv {
  color: rgb(139, 139, 139);
  font-size: 18px;
  font-weight: bold;
  padding-left: 65px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  }
.ratingValueDiv span {
  color: rgb(139, 139, 139);
  font-size: 18px;
  font-weight: bold;
}
.ratingCountDiv {
  margin-top: 8px;
}


.loan-form-container {
  border-bottom: 1px solid #ccc;
}

.loan-form .row {
  padding: 10px 0;
}

.loan-form select {
  cursor:pointer;    
}

.loan-form input,
.loan-form select {
  font: inherit;
   margin: 0;
  font-size: 17px;
  font-weight: bold;
  color: #555;
  padding: 0 10px;
  line-height: 38px;
  height: 42px;
  position: relative;
  z-index: 1;
  background: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid #acacac;
  min-height: 18px;
  margin-bottom: 16px;
  width: 100%;
  text-transform: none;
}


.loan-form label {
  font-size: 13px;
  color: #777;
  z-index: 0;
  font-style: normal;
  font-weight: normal;
  margin-bottom:0;
}

.loan-form .input-wrapper:after {
  font-family: Arial, sans-serif;
  content: '€';
  position: absolute;
  right: 25px;
  bottom: 26px;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  color: #555;
}

.loan-form .select-wrapper:after {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
}

.loan-form a#externallink {
  display:inline-block;
  font-size: 14px;
  /*width: 100%;*/
  vertical-align: middle;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f1a319;
  color: #fff;
  border: none;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  font-family: Arial, sans-serif;
  line-height: 40px;
  padding: 0 10px;
  margin: 0;
  outline: none;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  overflow: visible;
  text-align: center;
  margin-top: 19px;
}

@media (min-width: 600px) and (max-width:849px) {
  .loan-form-container .container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;    
  }
  .loan-form a#externallink {
    margin-top:21px;
    max-width: 100%;
    overflow: hidden;
  }
}

@media (min-width: 850px) {

  .loan-form label {
    display: block;
    position: relative;
    top: 30px;
    left: 10px;    
    line-height: 1.5;
  }

  .loan-form select.duration-select {
    padding-left: 60px;
  }

  .loan-form select.category-select {
    padding-left:90px;
  }

  .loan-form input.amount-input {
    padding-left:120px; 
  }

  .loan-form a#externallink {
    margin-top: 19px;
  }

}



div.linkbox-wrapper {
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

div.link-box {
  text-align:center;
  padding-top: 25px;
  padding-bottom: 25px;    

}

div.link-box p {
  margin-bottom:0;
}

div.link-box a {
  color: #73ba24;
  font-weight:bold;
  font-size: 16px;
}

div.link-box a.img-wrapper {
  display:block;
  height: 60px;
  line-height: 60px;
}

div.link-box a.img-wrapper img {

}

div.link-box a:hover {
  text-decoration: none;
}  

div.kundenbewertungen,
div.tipps {
  border-right: 1px dashed #ccc;
}

div.kundenbewertungen ul {
  padding-left:0;
}

div.kundenbewertungen p.review-text {
  color: #797979;
  font-size: 16px;

}

div.kundenbewertungen p.meta {
  color: #979797;
  font-size:14px;
}

div.kundenbewertungen ul li {
  margin-bottom: 25px;
}

div.lp-recent-blog-posts ul {
  padding-left: 20px;  
}

div.lp-recent-blog-posts ul li > a {
  color: #797979;
  font-size: 16px;
  font-weight:bold;
}

div.lp-recent-blog-posts ul li div {
  color: #797979;
  font-size: 16px;
  line-height: 24px;
}

div.lp-recent-blog-posts ul li div a {
  color: #73ba24;
  font-size:16px;
  font-weight: normal;
}

.grey-panel {
  padding-top:15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #f0f0f0;
  padding-bottom:25px;
  margin-bottom:25px;
}

.steps-box img,
.text-repeater-box img {max-width:100%;}

.tipps .lp-blogposts {
  padding-left:0;
}

.tipps .lp-blogposts h3 {
  font-size: 16px;
  color: #797979;
  font-weight:bold;

}


.tipps .lp-blogposts .copy {
  font-size: 16px;
  color: #797979;
  line-height: 24px;
}

.tipps .lp-blogposts .read-more {
  color: #73ba24;
  font-weight:normal;
}

.download-box ul {
  /*padding-left:0;*/
}

.download-box .dl-hl {
  font-size:16px;
  font-weight: bold;
  color: #797979;
}

.download-box p {
  font-size:16px;
  color: #797979;
  line-height: 24px;    
}

.download-box p a {
  color: #73ba24;
}

a.faq-box {
  border: 1px solid #ccc;
  width: 150px;
  height: 50px;
  color: #7fbf3e;
  font-size: 18px;
  background: url(../img/faq-icon.png) no-repeat 35px center;
  padding-left: 60px;
  padding-right: 20px;
  line-height: 50px;
  display:block;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-left:20px;
}
a.faq-box:hover {text-decoration: none;}

@media (min-width:600px) {
  div.text-repeater-parent {
    padding: 25px;
    margin-bottom:0;
  }
  /*div.text-repeater-parent .row {
    display:table;
    float:none;
  } 
  div.text-repeater-parent div.col-sm-6 {
    display:table-cell;
    float:none!important;
    vertical-align: middle;
  }*/
}

.text-repeater-parent .row {
  margin-bottom: 30px;
}

.text-repeater-parent .row .entry {
 text-align:justify; 
}

.text-repeater-parent .row:nth-child(1n) .col-xs-12:nth-child(1n) {
  float: right;
}
.text-repeater-parent .row:nth-child(1n) .col-xs-12:nth-child(2n) {
  float: left;
}

.text-repeater-parent .row:nth-child(2n) .col-xs-12:nth-child(1n) {
  float: left;
}
.text-repeater-parent .row:nth-child(2n) .col-xs-12:nth-child(2n) {
  float: right;
}

.footer-nl-wrapper {
  border-left: 1px dashed #ddd;
}

.stichpunkte-mobile {
  background: #eaeaea;
}

@media (max-width:991px) {
  .left-col {background:transparent!important;}
  .lp-header .left-col img.stoerer {display: none;}
}

@media (max-width:600px) {
  .lp-header h1 {
    font-size: 20px;
    text-align:center;
  }
}

@media (min-width: 769px) {
  .lp-header .container .row {
    display:table;
    width:100%;
  }

  .lp-header .left-col {
    display:table-cell;
    float:none!important;
    width:auto;
  }

  .lp-header .right-col {
    display:table-cell;
    float:none!important;
  }
}

.bank_review .starRatingBox {
  margin-left: 0;
}

li.current_item b {
  font-weight: normal!important;
  color: #4b4b4b!important;
}

@media (max-width:991px) {
  .left-col div.header-bg-div {background:transparent!important;}
}  

@media (max-width:768px) {
  .top-logo {
    height: 30px;
  }
  .header-bg-div {
    min-height: initial;
    padding-top:0;
  }
  .lp-header h1 {
    margin: 10px 0;
  }
  .loan-form-container {
    background: #eaeaea;
    border-bottom: 0;
  }
  .loan-form-container .loan-form {
    background: #fff;
    margin-bottom: 10px;
    padding: 0 15px;
  }
  .loan-form a#externallink {
    width: 100%;
    margin-top:0;
  }
  .loan-form .col-xs-12.col-sm-3 {
    width: 100%;
  }
}

.only-mobile .eKomiRichSnippet .likeh3 {
  height: 35px;
}

.only-mobile .starRatingBox {
  margin-left: 0;
}

.only-mobile .ratingValueDiv,
.only-mobile .ratingCountDiv  {
  padding-left:0;
  margin-top: -5px;
}

.only-mobile .ratingValueDiv span,
.only-mobile .ratingCountDiv span {
  font-size: 14px;
  font-weight: normal;  
}

.only-mobile span.RatingText {
  margin-top: 10px;
}

.only-mobile .eKomiSeal {
  height: 30px;
  width: 30px;
}

.only-mobile.deal-box {
  padding: 15px;
}

.only-mobile.deal-box .deal-hl span {
  font-size: 13px;
}

div.deal-box.only-mobile {
  max-width: initial;
}

.tablet-stoerer,
.mobile-stoerer {
  display: none;
}


@media (max-width: 600px) {
  .kreditrechner a button {
    font-size: 14px!important;
  }
}



@media (max-width: 768px) {
  .header-logo {
    position: relative;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;    
  }
  .loan-form a#externallink {
    font-size: 18px;
    text-transform: uppercase;
  }
}

@media (max-width: 600px) {
  .mobile-stoerer {
    display: block;
    position:absolute;
    top: 0;
    right: 15px;
    width: 60px;
    height: 60px;
  }
  .mobile-img {
    width: 100%;
  }

}

@media (min-width: 601px) and (max-width:768px) {

  .header-logo {
    width: 100%;
  }

  .tablet-stoerer {
    display: block;
    position:absolute;
    top: 0;
    right: 15px;
    width: 95px;
    height: 95px;
  }

  img.top-logo {
    height: 60px;
  } 

  .left-col {
    width: 100%;
  }

  .lp-header h1 {
    font-size: 26px;
    text-align:center;
  } 

  div.only-mobile.deal-box p.deal-hl,
  div.only-mobile.deal-box p.deal-hl span {
    font-size: 18px;
  }

}  







/* start rechner header */


@media (min-width:768px) and (max-width: 991px) { 
 .fluidnopadding {
  padding-left:0;
  padding-right:0;
 }
}
.fluidlimit {
  max-width: 1170px;
}

@media (max-width:768px) {
  .header-rechner .hide-in-mobile {
    display:none!important;
  }
}

.rechnerhero-trust {
  background: rgba(255,255,255,0.75);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; 
  padding-top:15px;
  padding-bottom: 15px;
  margin: 0;
  height: 120px;
}

.rechnerhero-trust img.hero-trust {
  margin-top: 15px;
}




input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent; /* Hides the slider so custom styles can be added */
  border-color: transparent;
  color: transparent;
}

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  border: 7px #73ba24 solid;
  background: #fff;
  cursor: pointer;
  margin-top: -9px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  height: 8px;
  width: 8px;
  border-radius: 16px;
  border: 8px #73ba24 solid;
  background: #fff;
  cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #73ba24;
  cursor: pointer;
}



input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #c7c7c7;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #c7c7c7;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #c7c7c7;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #c7c7c7;
  border-color: transparent;
  /*border-width: 16px 0;*/
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #73ba24;
}
input[type=range]:focus::-ms-fill-lower {
  background: #73ba24;
}
input[type=range]::-ms-fill-upper {
  background: #c7c7c7;
}
input[type=range]:focus::-ms-fill-upper {
  background: #c7c7c7;
}
input[type=range]::-moz-focus-outer {
  border: 0;
}






.header-rechner {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ecf5e1+99 */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2VjZjVlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #ffffff 0%, #ecf5e1 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#ecf5e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ecf5e1 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ecf5e1 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ecf5e1 99%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#ecf5e1 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf5e1',GradientType=0 ); /* IE6-8 */

border-bottom: 1px #cccccc solid;
}

.header-rechner h1 {
  font-size: 24px;
  font-weight: bold;  
  margin-top: 0;
  margin-bottom: 50px;
  color: #73ba24;
}

.header-rechner h1 span {
  color: #515151;
}

@media (max-width:767px) {
  .hide-in-mobile {
    display:none;
  }
}
  
@media (min-width: 768px) {
  .header-rechner .rechner-table {
    display:table;min-height: 480px;
  }

  .header-rechner .rechner-table-row {
    display: table-row;
  }

  .header-rechner .rechner-table-cell {
    display:table-cell;float:none;vertical-align: middle;
  }

  .header-rechner .rechner-right-cell {
    padding-left:0;
  }

}


.header-rechner .rechner-hero {
  background: url(../img/kreditrechner_hero2.png) no-repeat right bottom;
  /*background-size: 393px 479px;*/
  background-size: contain;

  vertical-align: bottom;
  padding-bottom: 70px; 
}

.header-rechner .rechner-box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);

  padding: 25px;

  margin-top:30px;
  margin-bottom: 30px;
  background: #efefef;

  min-height: 445px;  

}

.header-rechner .rechner-box label {
  color: #73ba24;
  font-weight: normal;
  display:block;
}

.header-rechner .rechner-box input[type=text],
.header-rechner .rechner-box input[type=number] {
  height: 50px;
  font-size: 20px;
  color: #777777
}

.header-rechner .rechner-box #kreditsumme-addon.input-group-addon {
  font-size: 20px;
}

.header-rechner .rechner-box #laufzeit-addon.input-group-addon {
  font-size: 14px;
}

.header-rechner .rechner-box input[type=range] {
  margin: 0 0 15px 0;
}

.header-rechner .rechner-box .monatsrate {
  font-weight: bold;
  font-size: 36px;
}

.header-rechner .rechner-box .zinsaufwand,
.header-rechner .rechner-box .kreditkostengesamt {
  font-size: 20px;
  color: #515151;
}

.header-rechner .rechner-box .externallink {
    display:block;
    vertical-align: middle;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f1a319;
    color: #fff;
    border: none;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, sans-serif;
    line-height: 40px;
    padding: 0 10px;
    margin: 0;
    outline: none;
    overflow: visible;
    text-align: center;
    margin-top:15px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.header-rechner .rechner-disclaimer {
  font-size: 10px;
  color: #777777;
  padding: 3px 15px;
  margin-bottom: 15px;
  margin-top: 2px;
}

.header-rechner .rechner-box .jetzt {
  margin-top: 15px;
  color: #777777;
  font-size: 12px;
}

.header-rechner .rechner-box .resultatfeld {
  display: table;
  width:100%;
}

.header-rechner .rechner-box .monatsrate {
  display: table-cell;
  vertical-align:bottom;
  height: 55px;
}

.header-rechner .rechner-box .zinsaufwand,
.header-rechner .rechner-box .kreditkostengesamt {
  display: table-cell;
  vertical-align:bottom;
  height: 49px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield;
}

@media (max-width:600px) {
  .header-rechner.fluidnopadding {
    padding-left:0;
    padding-right:0;
  }

  .page-template-page-lp-rechner header > div {
    text-align:center;
    margin-bottom: 15px;
  }

  .page-template-page-lp-rechner header + hr {
    display: none;
  }

  .page-template-page-lp-rechner .top-logo {
    margin-top:5px;
  }

  .header-rechner .rechner-box {
    margin-top:0;
    padding: 10px;
  }
  .lp-header h1 {
    font-size: 24px;
  }

  .page-template-page-lp-rechner .header-rechner h1,
  .resultcenter {
    text-align:center;    
  }
  .page-template-page-lp-rechner .header-rechner h1 {
    margin-bottom: 10px;
  }
    

  .header-rechner .rechner-box .zinsaufwand, .header-rechner .rechner-box .kreditkostengesamt {
    height: auto!important;
  }

  .header-rechner .rechner-box .monatsrate {
    font-size: 24px;
    padding: 0 0 5px 0;
    height: auto;
  }  
  .header-rechner .rechner-box input[type=text], .header-rechner .rechner-box input[type=number] {
    height: 30px;
    font-size: 15px;
  }
  .header-rechner .rechner-box #kreditsumme-addon.input-group-addon {
    font-size: 15px;
  }
  .header-rechner .rechner-box .externallink {
    /*line-height: initial;*/
    margin-top: 0;
    padding: 3px;
    font-size: 15px;
  }
  .header-rechner .montaliche-label {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .header-rechner h1 {
    margin-bottom:0;
  }
  .header-rechner .rechner-box .zinsaufwand, .header-rechner .rechner-box .kreditkostengesamt {
    height: auto;
  }
  .resultcenter {
    text-align:center;    
  }
  .header-rechner .rechner-box .resultatfeld {
    margin-bottom: 10px;
  }  
  .header-rechner .rechner-table, .header-rechner .rechner-box {
    min-height: initial;
  } 
}

@media (min-width: 768px) and (max-width: 1100px) {
  .header-rechner .rechner-box .externallink {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  } 
}



@media (max-width:991px) {
  .left-col div.header-bg-div {background:transparent!important;}
} 

@media (min-width:601px) and (max-width:768px) {
  .rechner-table {
    padding: 0 15px;
  }
  .header-rechner .rechner-right-cell {
    padding: 0 15px;
  }
  .rechner-right-cell {
    width:100%;
    padding:0;
  }
}

/* end rechner header */




/* new css for accordion mobile elements */ 
@media (max-width: 480px) {
    .hide-in-phone {
        display: none;
    }
    .footer-nl-wrapper {
        border-left: 0;
    }
}

@media (min-width: 481px) {
    .only-in-phone {
        display: none;
    }
}

.phone-footer {
    padding-top: 10px;
    padding-bottom: 20px;
}

.phone-footer .col-xs-4 {
    text-align: center;
}

.entry strong, .entry h3 {
    font-size: 16px;
}

div.text-repeater-parent .row:nth-child(2n) .col-xs-12:nth-child(2n) {
    float: left;
}

a.accordion-section-title.active, a.accordion-section-title:hover, a.accordion-section-title:focus, a.accordion-section-title:active {    
    text-decoration: none;
    color: #73ba24;
}

.go-to-wrapper {
    margin-top: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
}

#go-to-top {
    position: relative;
    color: #717171;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    padding-top: 15px;
    cursor: pointer;
}

#go-to-top:before {
    position: absolute;
    left: calc(50% - 7px);
    top: 0px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 15px 7.5px;
    border-color: transparent transparent #717171 transparent;
}

@media (min-width: 769px) {
    a.accordion-section-title.active, a.accordion-section-title:hover, a.accordion-section-title:focus, a.accordion-section-title:active {    
        cursor: default;
    }
    .accordion-spacer {
        display: none;
    }
    div.accordion-section-content {
        display: block!important;
    }
    a.like-h2 {
        display: block;
    }
}

@media (max-width: 768px) {

    .phone-box.phone-box-bottom {      
      margin-left: auto;
      margin-right: auto;
      width: 240px;
    }

    h2, .like-h2 {
      font-size: 20px;
    }

    .mobile-width,
    .download-box-wrapper,
    .download-box {
      width: 100%;
    }

    .banken-slider-row .like-h2,    
    .center-in-mobile {
      text-align: center;
    }

    a.faq-box {
      margin-left: auto;
      margin-right: auto;
      width: 240px;
      margin-top: 20px;
    }

    .text-repeater-box .grey-panel.text-repeater-parent {
      padding-bottom: 0;
      margin-bottom: 0;
    }

    div.text-repeater-parent {
        padding-left: 0;
        padding-right: 0;
    }

    .text-repeater-box {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .text-repeater-box h2 {
        margin-top: 15px;
    }

    .text-repeater-box .row {
        margin-left:0;
        margin-right: 0;
    }

    div.text-repeater-parent .row {
        display: block;
    }

    div.text-repeater-parent .row.accordion-section-content {
        display: none;
    }

    footer.container-fluid {
        margin-top: 0;
        padding-top: 10;
    }

    .go-to-wrapper {
        background: #F9F9F9;
    }

    div.text-repeater-parent .row {
        
    }

    .content-container {
        margin-bottom: 0;
    }

    .col-sm-6.accordion-border-bottom {
        width: 100%;
    }

    .text-repeater-box .grey-panel {
        background: transparent;
    }

    .text-repeater-parent .row {
        margin-bottom: 0;
    }

    a.like-h2 {
        text-align: left;
    }

    div.kundenbewertungen, div.tipps {
        border-right: 0;
    }

    div.lp-recent-blog-posts ul {
        padding-left: 0;
    }

    .accordion-spacer {
        display: block;
        border: 1px dashed #ddd;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .accordion-border-top {
        border-top:1px solid #ccc;
    }
    .accordion-border-bottom {
        border-bottom:1px solid #ccc;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .accordion-border-bottom:first-child {
        padding-top: 0;
    }
    .accordion-border-bottom h2 {
        margin-bottom: 0;
    }

    .accordion, .accordion * {
        -webkit-box-sizing:border-box; 
        -moz-box-sizing:border-box; 
        box-sizing:border-box;
    }     
    .accordion {
        overflow:hidden;
    }
    .accordion-section-title {
        color: #717171;
        width:100%;
        /*padding:15px;*/
        display:inline-block;
        /*border-bottom:1px solid #1a1a1a;*/
        /*transition:all linear 0.15s;*/
        position: relative;
        padding-right: 20px;
    }
    .accordion-section-title:before {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        right: 0px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 7.5px 0px 7.5px;
        border-color: #73ba24 transparent transparent transparent;
    }
    .accordion-section-title.active:before {
        border-width: 0px 7.5px 15px 7.5px;
        border-color: transparent transparent #73ba24 transparent;        
    }    
    a.accordion-section-title.active, a.accordion-section-title:hover, a.accordion-section-title:focus, a.accordion-section-title:active {
       color: #717171; 
    }
    .accordion-section:last-child .accordion-section-title {
        border-bottom:none;
    }     
    .accordion-section-content {
        display:none;
    }
}