@media only screen and (max-width: 768px) { 
.creditcalculator .buttons .applyBtn{
margin-top:12px;
}
}

.two-column-teaser {
  font-family: $font-family-din-medium;
  @media screen and(min-width: 1230px) {
   width: calc(100% + 60px);
   padding-right: 60px;
  }
  width: calc(100% - 60px);
  max-width: calc(100% + 60px) !important;
  @media #{$medium-up}{
   picture img {
     width: 560px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     &.lazyload {
      height: 280px;
      width: 560px;
     }
   }
  }

  .header {
   color: $color-easy-lima;
   font-size: 30px;
   font-weight: normal;
   line-height: 75pt;
  }

  .image {
   width: 590px;
  }

  .text {  
   margin-bottom: 0px;

   @media #{$medium-up}{
     margin-bottom: 0px; 
   }
  }

  .text p {
   font-size: 14px;
   font-weight: 100;
  }

  @media #{$medium-up}{
   margin-bottom: 70px;
   margin-top: 80px;
   .text-panel {
     /*padding-left: 1em;*/
   }
  }

  @media #{$medium-only} {
   .header {
     line-height: 35pt;
   }
  }
  /*@media (min-width: 1024px) and (max-width: 1100px) {

   width: calc(100% - 150px);
   max-width: calc(100% + 150px) !important;

  }*/

  @media (min-width: 623px) and (max-width: 768px) {
   .text {
     padding-left: 75px;
     padding-right: 75px;
   }
   .headline_3 {
     padding-bottom: 15px;
   }
  }
  @media (min-width: 320px) and (max-width: 622px) {

   margin: 0 auto;
   .header {
     line-height: 35pt;
   }
   picture {
     margin: 10px auto 0;
   }
   .text {
     margin: 10px auto 35px;
     max-width: 590px;
   }
   .clearfix.send {
     margin: 10px auto 20px auto;
     width: 195px;
   }
  }

  &.textLeft {
   text-align: left;

   @media #{$medium-up}  {
     position: relative;
     > div:nth-child(2) {
      float: left;
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
      padding-right: 55px;
     }

     .right {
      width: 50%;
     }

     picture {
      float: right;
     }
   }
   .text-panel {
     padding-bottom: 10px;
     @media (min-width: 1024px) and (max-width: 1279px) {
      padding-bottom: 40px;
     }
   }
  }
  &.textRight {
   text-align: left;
   @media (min-width: 1023px) and (max-width: 1280px) {
     top: 40%;
   }

   @media (min-width: 1280px) and (max-width: 2556px) {
     position: relative;
     > div:nth-child(1) {
      width: calc(50% - 30px);
      transform: translateY(-50%);
      position: absolute;
      top: 50%;
     }

     picture {
      float: left;
     }
   }
   .text-panel {
     @media #{$medium-up}{
      padding-left: 30px;
     }
   }
  }
}

@media only screen and (min-width: 1260px) {
.responsive_container.contains_box_modules .responsive_modules{
width:1250px;
left:0px !important;
}
}

.two-column-teaser .text { 
margin-bottom: 20px; 
} 

@media only screen and (min-width: 769px) { 
.two-column-teaser .text { 
margin-bottom: 0; 
} 
}

.tab-bar{
top:0 !important;
}

.abx-breadcrumbs { 
min-height: 110px; 
max-height: 133px; 
max-width: 1170px; 
text-align: center; 
/* width: 100% */ 
} 

.abx-web-breadcrumb.abx-top .abx-breadcrumbs li .abx-breadcrumb-counter { 
color: #848484; 
font-size: 25px; 
width: 50px; 
height: 50px; 
line-height: 45px; 
display: block; 
position: relative; 
margin: 22px auto 0 auto; 
border-radius: 50%; 
background-color: #D8D8D8; 
text-align: center; 
border: 2px solid; 
}