/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 09.02.2016, 08:22:06
    Author     : dominik
*/
.main ul {
  list-style-type: square;
  padding: 0 0 0 20px; }
.main ul.posneg {
  list-style-type: none;
  padding: 0; }
  .main ul.posneg li {
    padding-left: 32px;
    margin-bottom: 10px;
    color: #5a6271;
    font-weight: bold; }
  .main ul.posneg li.pos {
    background: url("https://static.atu.de/data/fileadmin/images/ico-plus.svg") no-repeat; }
  .main ul.posneg li.neg {
    background: url("https://static.atu.de/data/fileadmin/images/ico-minus.svg") no-repeat; }
.main h2 {
  margin: 0 0 11px 0;
  color: #2f383f;
  font-size: 18px; }
.main h3 {
  margin: 0 0 11px 0;
  color: #2f383f;
  font-size: 18px;
  font-weight: normal; }
.main .layout1 {
  margin-bottom: 40px;
  color: #5a6271; }
  .main .layout1 h2 {
    font-size: 17px;
    font-weight: bold; }
  .main .layout1 p {
    padding: 0; }
  .main .layout1 li {
    margin-bottom: 7px; }
.main .headline.layout1 {
  margin-bottom: 20px; }
.main ul.special {
  margin: 10px 0;
  padding: 0;
  list-style-type: none; }
  .main ul.special li {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 22px;
    font-size: 15px;
    font-weight: normal;
    color: #2f383f; }
  .main ul.special li:before {
    background-image: url("https://static.atu.de/data/fileadmin/css/img/service-sprite.png");
    background-position: 0 -79px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 15px;
    margin-left: -22px;
    position: absolute;
    text-indent: -9999px;
    width: 17px; }
.main ul::after {
  content: "";
  display: block;
  clear: both; }
.main .margin-on {
  margin-right: -12px;
  margin-left: -12px; }
  .main .margin-on .col-lg-4, .main .margin-on .col-lg-6 {
    padding-right: 12px;
    padding-left: 12px; }
.main .hotline {
  margin-top: 20px; }
.main .fmap {
  max-width: 100%;
  clear: both; }
  .main .fmap h4.headmap {
    font-size: 19px;
    font-weight: bold;
    margin-top: 35px;
    color: #2f383f; }
  .main .fmap .filialsearchform {
    padding-bottom: 20px; }
    .main .fmap .filialsearchform .nopding {
      padding: 0px; }
    .main .fmap .filialsearchform input.searchfield {
      background: #fff none repeat scroll 0 0;
      border: 1px solid #cfd3db;
      border-radius: 3px;
      max-width: 98%;
      height: 37px;
      line-height: 37px;
      padding: 0;
      text-indent: 10px; }
    .main .fmap .filialsearchform .country_class {
      display: none; }
    .main .fmap .filialsearchform .formrowbutton {
      border: 0px solid #26536e;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      font-size: 18px;
      padding: 5px;
      text-decoration: none;
      display: inline-block;
      color: #FFFFFF;
      background-color: #357298;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#357298), to(#295877));
      background-image: -webkit-linear-gradient(top, #c70017, #970d1a);
      background-image: -moz-linear-gradient(top, #c70017, #970d1a);
      background-image: -ms-linear-gradient(top, #c70017, #970d1a);
      background-image: -o-linear-gradient(top, #c70017, #970d1a);
      background-image: linear-gradient(to bottom, #c70017, #970d1a);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c70017, endColorstr=#970d1a  );
      text-align: center;
      cursor: pointer; }
    .main .fmap .filialsearchform .formrowbutton a {
      color: #ffffff; }
    .main .fmap .filialsearchform .formfilialsearch .col-lg-9, .main .fmap .filialsearchform .formfilialsearch .col-lg-3 {
      float: left; }
  .main .fmap #map_canvas {
    width: 100% !important; }
  .main .fmap .fil_teaserbox {
    max-width: 270px;
    margin-right: 0px;
    margin-top: 35px;
    padding: 20px;
    border: 1px solid #e4e7ed;
    margin-bottom: 10px;
    float: left; }
    .main .fmap .fil_teaserbox .oa_teaser_img {
      padding-bottom: 10px;
      max-width: 286px;
      overflow: hidden; }
      .main .fmap .fil_teaserbox .oa_teaser_img img {
        min-height: 130px;
        max-height: 130px;
        min-width: 260px;
        max-width: 260px; }
    .main .fmap .fil_teaserbox .oa_teaser_info {
      font-size: 15px;
      color: #5a6271; }
      .main .fmap .fil_teaserbox .oa_teaser_info h4 {
        font-weight: bold;
        padding: 0 0 12px 0px;
        margin: 0px;
        color: #2f383f;
        min-height: 65px; }
      .main .fmap .fil_teaserbox .oa_teaser_info .oa_address {
        padding-bottom: 34px; }
      .main .fmap .fil_teaserbox .oa_teaser_info .oa_contact {
        padding-bottom: 30px; }
        .main .fmap .fil_teaserbox .oa_teaser_info .oa_contact a.contact_form {
          background: transparent url("https://www.atu.de/de/resources/gfx/arrow-right-black.png") no-repeat scroll right 50%;
          padding-right: 8px; }
      .main .fmap .fil_teaserbox .oa_teaser_info .oa_otime {
        padding-bottom: 15px; }
      .main .fmap .fil_teaserbox .oa_teaser_info .buttons_to_filial {
        padding: 0px;
        margin: 0px; }
        .main .fmap .fil_teaserbox .oa_teaser_info .buttons_to_filial .filial_button {
          width: 100%;
          text-align: center;
          margin-bottom: 3px; }
          .main .fmap .fil_teaserbox .oa_teaser_info .buttons_to_filial .filial_button a {
            padding: 0;
            line-height: unset;
            min-height: 0; }
        .main .fmap .fil_teaserbox .oa_teaser_info .buttons_to_filial .filial_button.graycol {
          border: 0px solid #c2c8d5;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          font-size: 18px;
          padding: 10px;
          text-decoration: none;
          display: inline-block;
          color: #2f383f;
          background-color: #E3E6EC;
          background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e6ec), to(#b6b8bd));
          background-image: -webkit-linear-gradient(top, #e3e6ec, #b6b8bd);
          background-image: -moz-linear-gradient(top, #e3e6ec, #b6b8bd);
          background-image: -ms-linear-gradient(top, #e3e6ec, #b6b8bd);
          background-image: -o-linear-gradient(top, #e3e6ec, #b6b8bd);
          background-image: linear-gradient(to bottom, #e3e6ec, #b6b8bd);
          filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E3E6EC, endColorstr=#B6B8BD); }
        .main .fmap .fil_teaserbox .oa_teaser_info .buttons_to_filial .filial_button.bluecol {
          border: 1px solid #357299;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          font-size: 18px;
          padding: 10px 10px 10px 10px;
          text-decoration: none;
          display: inline-block;
          color: #357299;
          background-color: #fff; }
        .main .fmap .fil_teaserbox .oa_teaser_info .buttons_to_filial .filial_button.bluecol:hover {
          background-color: #357299;
          color: #fff; }
        .main .fmap .fil_teaserbox .oa_teaser_info .buttons_to_filial a.blue, .main .fmap .fil_teaserbox .oa_teaser_info .buttons_to_filial a.grey {
          width: 100%;
          padding: 0 10px; }
        .main .fmap .fil_teaserbox .oa_teaser_info .buttons_to_filial a.grey {
          margin-bottom: 3px; }
  .main .fmap .fil_teaserbox.three {
    margin-right: 0px;
    margin-left: 20px; }
.main .more_box {
  background: #fff none repeat scroll 0 0;
  border: 0 solid green;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  margin: 0 0 14px 1px;
  padding: 8px 18px 18px 8px;
  position: relative;
  width: 100%;
  clear: both;
  content: "";
  display: block;
  font-size: 15px;
  width: 99%; }
  .main .more_box h3 {
    height: 37px;
    font-weight: bold;
    font-size: 18px;
    padding-left: 10px;
    margin-top: 10px; }
  .main .more_box ul {
    margin: 1em 0;
    padding: 0 0 0 50px; }
  .main .more_box ul li {
    float: left;
    list-style: outside none none;
    width: 33.33%;
    margin-left: 0;
    margin-bottom: 0; }
  .main .more_box .letters li {
    width: 3%; }

#teaserMeister {
  position: relative;
  width: 100%;
  margin-bottom: 40px; }
  #teaserMeister .text {
    position: absolute;
    top: 0;
    color: white;
    margin: 20px; }
    #teaserMeister .text h1 {
      color: #c31525;
      margin: 0 0 10px 0; }
    #teaserMeister .text .subtitle {
      color: white;
      margin: 0 0 5px 0;
      font-size: 18px; }
    #teaserMeister .text p {
      line-height: 22px; }
    #teaserMeister .text a {
      color: #c31525;
      text-decoration: underline; }
  #teaserMeister .offer {
    padding: 0 0 0 15px;
    top: -40px;
    position: relative; }
    #teaserMeister .offer .container {
      border: 1px solid #e4e7ed;
      background: url("https://static.atu.de/data/fileadmin/css/img/bg-white.png");
      padding: 10px;
      width: 100%;
      display: inline-block; }
      #teaserMeister .offer .container .head h2 {
        color: black;
        font-weight: bold; }
      #teaserMeister .offer .container .body {
        display: block;
        border: 1px solid #e4e7ed; }
        #teaserMeister .offer .container .body .price {
          background: #e4e7ed;
          padding: 5px;
          opacity: 1;
          float: left;
          width: 65%;
          height: 80px; }
          #teaserMeister .offer .container .body .price .priceText {
            float: left;
            width: 60%;
            font-size: 18px;
            line-height: 90px; }
          #teaserMeister .offer .container .body .price .value {
            float: left;
            width: 40%;
            text-align: right;
            font-size: 18px;
            line-height: 90px;
            padding: 0 30px 0 0;
            font-weight: bold; }
            #teaserMeister .offer .container .body .price .value span {
              font-size: 40px;
              color: #c31525; }
        #teaserMeister .offer .container .body .link {
          float: right;
          width: 35%; }
          #teaserMeister .offer .container .body .link a {
            padding: 10px;
            display: block;
            text-align: center; }
          #teaserMeister .offer .container .body .link a::after {
            content: ">";
            margin: 0 0 0 10px; }
          #teaserMeister .offer .container .body .link .termin {
            background: black;
            color: white; }
          #teaserMeister .offer .container .body .link .filiale {
            background: white;
            color: black; }
      #teaserMeister .offer .container .body::after {
        content: "";
        display: block;
        clear: both; }
  #teaserMeister .button {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -125px; }
    #teaserMeister .button a {
      margin: auto;
      border-radius: 3px;
      padding: 10px 40px 10px 20px;
      background-image: linear-gradient(to bottom, #c31525, #97101d);
      color: white;
      font-weight: bold;
      font-size: 18px; }
    #teaserMeister .button a:hover {
      background-image: linear-gradient(to bottom, #e01325, #a21220);
      color: white; }
  #teaserMeister .button::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 4px;
    background-image: url("https://static.atu.de/data/img/shared-s12dcbd1f98.png");
    background-position: 0 -70px;
    background-repeat: no-repeat;
    display: block;
    height: 14px;
    width: 8px;
    text-indent: -9999px; }

#mainTop .subtitle {
  color: #2f383f;
  margin: 0 0 20px 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 28px; }
#mainTop p {
  line-height: 22px;
  color: #5a6271; }
#mainTop a {
  color: #5a6271;
  text-decoration: underline; }

.box.teaserbox {
  margin: 0 0 40px 0;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  background: #fff;
  position: relative;
  width: 100%; }
  .box.teaserbox .head {
    overflow: hidden;
    height: 135px; }
    .box.teaserbox .head img {
      height: auto;
      width: 100%; }
  .box.teaserbox .body {
    padding: 10px 10px 20px 10px; }
    .box.teaserbox .body h3, .box.teaserbox .body span {
      margin: 0 0 10px 0;
      font-size: 14px;
      color: #c31525;
      font-weight: bold; }
      .box.teaserbox .body h3 a, .box.teaserbox .body span a {
        text-decoration: none;
        font-size: 14px;
        white-space: nowrap; }
    .box.teaserbox .body h3::after, .box.teaserbox .body span::after {
      content: "";
      margin: 0 0 0 10px;
      background: url("https://static.atu.de/data/fileadmin/css/img/arrow-right-red.png");
      background-repeat: no-repeat;
      width: 15px;
      height: 14px;
      display: inline-block;
      position: relative;
      top: 3px; }
    .box.teaserbox .body p {
      margin: 0 0 10px 0;
      font-size: 13px; }
    .box.teaserbox .body a {
      color: #c31525;
      text-decoration: underline;
      font-weight: bold;
      font-size: 13px; }

.col-lg-6 .box.teaserbox .head {
  min-height: 223px; }

.pb10 {
  padding-bottom: 10px !important; }

#fragenServiceAngebot {
  background: #e4e7ed;
  position: relative;
  width: 250px;
  right: 107px;
  top: 50px; }
  #fragenServiceAngebot .img {
    overflow: hidden; }
  #fragenServiceAngebot .content {
    padding: 15px;
    font-size: 13px;
    font-weight: bold; }
    #fragenServiceAngebot .content .title {
      color: #c31525;
      font-size: 16px;
      margin: 0 0 10px 0;
      font-weight: normal; }
    #fragenServiceAngebot .content .text p {
      font-size: 13px; }
    #fragenServiceAngebot .content .text .tel {
      font-size: 26px;
      margin: 0 0 10px 0;
      display: block; }

#accordion {
  margin-bottom: 40px;
  padding: 0; }
  #accordion a:focus {
    outline: none;
    text-decoration: none; }
  #accordion .text h3 {
    font-size: 16px;
    text-decoration: none; }
  #accordion .text h3.open,
  #accordion .text h3.close {
    float: none;
    text-decoration: none;
    line-height: 1; }
  #accordion .text h3.open::after {
    content: "_";
    float: right;
    font-size: 20px;
    margin-top: -7px;
    width: 20px;
    text-align: center; }
  #accordion .text h3.close::after {
    content: "+";
    float: right;
    font-size: 22px;
    width: 20px;
    text-align: center; }
  #accordion .text h3:hover,
  #accordion .text h3:focus,
  #accordion .text h3:active,
  #accordion .text h3:visited {
    text-decoration: none;
    color: black; }
  #accordion .text .close, #accordion .text .open {
    opacity: 1;
    font-weight: normal; }
  #accordion .text::before {
    content: "";
    display: block;
    clear: both; }
  #accordion .panel-body {
    color: #5a6271; }
  #accordion .panel-collapse a {
    text-decoration: underline;
    color: #5a6271; }
  #accordion .panel-collapse a:hover {
    text-decoration: none;
    color: #5a6271; }
  #accordion .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
  #accordion .panel-default {
    border-color: #ddd; }
  #accordion .panel {
    background-color: #fff;
    border: 1px solid transparent;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  #accordion .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd; }
  #accordion .panel-heading {
    padding: 10px 15px !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #ddd; }
  #accordion .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit; }
  #accordion .panel-title > .small, #accordion .panel-title > .small > a, #accordion .panel-title > a, #accordion .panel-title > small, #accordion .panel-title > small > a {
    color: inherit; }
  #accordion [role="button"] {
    cursor: pointer; }
  #accordion .collapse.in {
    display: block;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  #accordion .panel-body {
    padding: 15px;
    font-size: 15px; }

.panel-group .panel + .panel {
  margin-top: 4px; }

.so_container {
  padding: 0 0 0 24px; }
  .so_container .service_offer {
    border: 1px solid #e4e7ed;
    margin: 0 0 2px;
    float: left;
    width: 100%; }
    .so_container .service_offer .infos {
      float: left;
      width: 50%;
      padding: 16px 18px 16px; }
      .so_container .service_offer .infos .title {
        font-weight: bold; }
    .so_container .service_offer .price {
      float: left;
      width: 25%;
      padding: 16px 18px 16px;
      font-weight: bold;
      font-size: 20px;
      line-height: 60px;
      position: relative;
      top: 26px; }
      .so_container .service_offer .price span.value {
        line-height: 60px;
        color: #c31525;
        font-size: 40px;
        font-weight: normal; }
      .so_container .service_offer .price span.currency {
        color: #c31525; }
    .so_container .service_offer .link {
      padding: 10px;
      float: left;
      width: 25%; }
      .so_container .service_offer .link a {
        padding: 10px;
        display: block;
        text-align: center; }
      .so_container .service_offer .link a::after {
        content: ">";
        margin: 0 0 0 10px; }
      .so_container .service_offer .link .termin {
        background: black;
        color: white; }
      .so_container .service_offer .link .filiale {
        background: white;
        color: black;
        border: 1px solid #e4e7ed; }
  .so_container .service_offer.grey {
    background: #e4e7ed; }

.main .layoutOffers {
  font-family: "Helvetica";
  background-color: #5a6271;
  color: #e4e7ed;
  padding: 20px 30px 30px; }
  .main .layoutOffers h2 {
    color: #fff;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 10px; }
  .main .layoutOffers h2::before {
    display: none; }
  .main .layoutOffers p {
    padding-left: 0; }
  .main .layoutOffers .so_container_ext .tmpPrices {
    display: none; }
  .main .layoutOffers .so_container_ext h2 {
    color: #2f383f;
    font-size: 20px;
    margin-bottom: 7px;
    line-height: 28px; }
  .main .layoutOffers .so_container_ext .price-element {
    background-color: #fff;
    border-radius: 3px;
    margin-top: 15px;
    padding: 15px 0 15px 20px; }
    .main .layoutOffers .so_container_ext .price-element .name {
      color: #2f383f;
      display: inline-block;
      vertical-align: top;
      width: 40%; }
      .main .layoutOffers .so_container_ext .price-element .name p {
        line-height: 22px;
        margin-bottom: 10px;
        font-size: 13px; }
    .main .layoutOffers .so_container_ext .price-element .price {
      color: #c31525;
      display: inline-block;
      font-size: 30px;
      font-weight: bold;
      margin-right: 3%;
      text-align: right;
      vertical-align: bottom;
      width: 22%; }
      .main .layoutOffers .so_container_ext .price-element .price .mwst {
        display: block;
        font-size: 11px;
        text-align: right;
        color: #2f383f;
        font-weight: normal;
        line-height: 1.2;
        margin-top: -10px;
        letter-spacing: 0.5px; }
      .main .layoutOffers .so_container_ext .price-element .price .ab {
        color: #2f383f;
        font-weight: normal;
        font-size: 15px; }
    .main .layoutOffers .so_container_ext .price-element .links {
      display: inline-block;
      vertical-align: bottom;
      width: 31%; }
    .main .layoutOffers .so_container_ext .price-element .price::before {
      content: ''; }
.main .contenttyp0 h1 {
  line-height: 38px !important; }

.tabBox {
  border: 1px solid #e4e7ed;
  margin: 0 0 40px 22px; }
  .tabBox .nav {
    float: left;
    width: 25%; }
    .tabBox .nav .text {
      padding: 20px;
      border-right: 1px solid white;
      border-bottom: 1px solid white;
      background: #e4e7ed;
      cursor: pointer;
      position: relative;
      color: #18222a;
      opacity: 0.7;
      min-height: 80px; }
      .tabBox .nav .text h3 {
        font-size: 14px;
        font-weight: normal; }
    .tabBox .nav .text:last-child {
      border-bottom: none; }
    .tabBox .nav .text:hover {
      padding: 20px;
      border-right: 1px solid white;
      border-bottom: 1px solid white;
      background: #e4e7ed;
      cursor: pointer;
      position: relative;
      opacity: 1; }
    .tabBox .nav .text.active {
      padding: 20px;
      border-right: 1px solid white;
      border-bottom: 1px solid white;
      background: #e4e7ed;
      cursor: pointer;
      position: relative;
      opacity: 1; }
    .tabBox .nav .tabBoxArrow {
      content: "";
      background: url("https://static.atu.de/data/fileadmin/css/img/tabBoxArrow.png");
      width: 15px;
      height: 30px;
      position: absolute;
      right: -15px;
      z-index: 1;
      top: 27px; }
  .tabBox .content {
    float: left;
    width: 75%;
    padding: 20px 40px; }
    .tabBox .content .text {
      display: none;
      font-style: italic; }
      .tabBox .content .text p {
        padding-left: 0!important; }
    .tabBox .content .text.open {
      display: block; }

.tabBox::after {
  content: "";
  display: block;
  clear: both; }

.col-lg-12 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px; }

.layout2 {
  border-top: 1px solid #cccccc !important;
  padding: 30px 0 0 0 !important; }
  .layout2 a, .layout2 p {
    color: #5a6271 !important; }

.headline.layout2 {
  border-top: none !important; }

.layout0 a, .layout1 a, .layout2 a {
  text-decoration: underline; }

.contenttyp0 h1 {
  line-height: 38px !important; }

.csc-textpic-intext-left .csc-textpic-imagewrap {
  float: left;
  margin-right: 15px; }

.csc-textpic-intext-right .csc-textpic-imagewrap {
  float: right;
  margin-left: 15px; }

.box_vert {
  text-align: center; }
  .box_vert .productPrice {
    font-weight: bold;
    margin-top: 10px; }

.product_gallery {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 1px solid #cccccc;
  padding-bottom: 20px; }

.btnMore {
  width: 100%;
  clear: both;
  text-align: center;
  margin: 20px 0 !important; }
  .btnMore a {
    background: #295876 linear-gradient(to bottom, #357299, #295876) repeat scroll 0 0/100% auto;
    color: white;
    position: relative;
    border: medium none;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    height: 37px;
    line-height: 37px;
    margin-bottom: 2px;
    padding: 0 24px;
    text-align: center;
    text-decoration: none; }
  .btnMore a:hover {
    color: white !important; }

.clr {
  clear: both; }

.csc-textpic-text h3 {
  margin: 0 0 11px 0;
  color: #2f383f;
  font-size: 18px;
  font-weight: normal; }
.csc-textpic-text p {
  color: #5a6271; }

.ae_teaser {
  margin-bottom: 15px; }

/*dropdown box*/
.alcar_fbs_section {
  background: #fff none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  margin-top: 15px;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 25px 20px 20px 30px;
  font-size: 15px; }
  .alcar_fbs_section .sw_h3 {
    font-size: 17px;
    display: block; }
  .alcar_fbs_section .sw_h2 {
    padding: 15px 0 10px;
    font-size: 22px;
    display: block; }
  .alcar_fbs_section .slideElement {
    margin-top: 15px; }
    .alcar_fbs_section .slideElement img {
      width: 100%; }
  .alcar_fbs_section .akt_line {
    background-color: #E1E4EB;
    width: 100%; }
    .alcar_fbs_section .akt_line .label-s {
      width: 14%;
      float: left;
      display: block;
      padding: 10px 20px; }
    .alcar_fbs_section .akt_line .label-s.b {
      font-weight: bold;
      font-size: 17px;
      margin-top: 10px; }
    .alcar_fbs_section .akt_line .select {
      padding: 10px 0px 10px 10px; }
      .alcar_fbs_section .akt_line .select select {
        width: 80%; }

.br-last-item {
  font-weight: bold; }

.f03standard {
  padding-bottom: 25px; }

@media (max-width: 480px) {
  .f03standard h1 {
    font-size: 25px;
    line-height: 2rem; }

  .main .more_box h3 {
    height: 20px; }

  .main .more_box ul {
    padding: 0 0 0 10px; }
    .main .more_box ul li {
      width: 100%;
      padding: 2px 0; }

  .hotline {
    display: none; }

  .main .layoutOffers .so_container_ext .price-element {
    padding: 15px 10px 15px 10px; }
    .main .layoutOffers .so_container_ext .price-element .name, .main .layoutOffers .so_container_ext .price-element .price, .main .layoutOffers .so_container_ext .price-element .links {
      width: 100%; }

  .csc-textpic-intext-right .csc-textpic-imagewrap {
    float: unset; }

  .col-lg-6 .box.teaserbox .head {
    min-height: 150px; }

  .main .fmap .fil_teaserbox.three {
    margin-left: 0; }

  .main .fmap .fil_teaserbox {
    max-width: unset; }

  .list-view .product-info-container .col-8 {
    min-height: unset; }

  .breadcrumb {
    margin: 5px -12px;
    max-height: 21px;
    overflow: hidden; }

  .breadcrumb-item {
    line-height: 1.25rem; }

  .breadcrumb-item + .breadcrumb-item::before {
    top: -2px; }

  .alcar_fbs_section .akt_line .label-s.b {
    width: 100%; } }
.footer .twitter {
  display: inline-block;
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin: 20px 10px;
  text-align: left !important;
  background-image: url(https://static.atu.de/data/fileadmin/images/ic_twitter.png);
  width: 32px;
  height: 33px; }

.footer .twitter:hover {
  background-image: url(https://static.atu.de/data/fileadmin/images/ic_twitter_gray.png); }

.main .finderbox {
  padding: 15px 20px 0 28px;
  background: #646464;
  color: #FFF;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 8px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  margin-bottom: 40px;
  margin-top: 15px;
  background-image: linear-gradient(to right, #464a4b, #7f7d7e); }
.main .finderbox span.headline {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 10px; }
.main .finderbox .row {
  overflow: hidden;
  clear: both;
  position: relative; }
  .main .finderbox .row .col-12, .main .finderbox .row .col-4, .main .finderbox .row .col-8 {
    padding-right: 12px;
    padding-left: 12px; }
.main .finderbox p {
  font-size: 13px;
  float: left; }
.main .finderbox p a {
  color: white; }
.main .finderbox label {
  font-size: 15px;
  display: block;
  height: 15px;
  line-height: 15px;
  float: left;
  cursor: default; }
.main .finderbox select,
.main .finderbox input {
  border: none;
  height: 26px;
  line-height: 26px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
  display: block;
  line-height: 1.25; }
.main .finderbox input {
  text-indent: 10px; }
.main .finderbox select {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  padding-left: 10px; }
.main .finderbox select::-ms-expand {
  display: none; }
.main .finderbox a.button {
  height: 37px;
  line-height: 37px;
  min-height: 37px;
  margin-left: 14px;
  border: 1px solid #fff; }
.main .finderbox a.button::after {
  top: 14px; }
.main .finderbox .rf_button {
  width: 100%; }
.main .finderbox.reifen .row {
  padding-bottom: 12px; }
.main .finderbox.reifen .car {
  width: 339px;
  overflow: hidden;
  float: left; }
.main .finderbox.reifen .car label {
  width: 100%; }
.main .finderbox.reifen .tire {
  width: 282px;
  overflow: hidden;
  float: left; }
.main .finderbox.reifen .tire label {
  width: 100%; }
.main .finderbox.reifen .size {
  overflow: hidden; }
.main .finderbox.reifen .size label {
  width: 100%; }
.main .finderbox.reifen .size select {
  margin-right: 15px; }
.main .finderbox.reifen .size select.s {
  width: 65px; }
.main .finderbox.reifen .size select.m {
  width: 70px; }
.main .finderbox.reifen .size select.l {
  width: 150px;
  margin: 0; }
.main .finderbox.reifen .size span {
  height: 37px;
  line-height: 37px;
  display: block;
  float: left;
  margin-right: 15px; }
.main .finderbox.felgen {
  padding-bottom: 30px; }
.main .finderbox.felgen p {
  height: 37px;
  line-height: 37px;
  margin-bottom: 15px; }
.main .finderbox.felgen .row > div {
  height: 37px;
  line-height: 37px; }
.main .finderbox.felgen label {
  width: 117px; }
.main .finderbox.felgen select {
  width: 500px; }
.main .finderbox.felgen .step_back {
  background-image: url("icons-sb45a71061f.png");
  background-position: 0 -463px;
  background-repeat: no-repeat;
  display: block;
  height: 10px;
  width: 11px;
  text-indent: -9999px;
  position: absolute;
  right: 0;
  top: 10px;
  cursor: pointer; }
.main .finderbox.felgen .popup-fbs-ekat span.h3old {
  color: #5A6271;
  line-height: normal; }
.main .finderbox.felgen .popup-fbs-ekat p {
  height: auto;
  line-height: normal;
  margin-bottom: 0;
  float: none; }
.main .finderbox.felgen .popup-fbs-ekat input {
  margin-top: 3px; }
.main .finderbox.felgen .popup-fbs-ekat label {
  height: auto;
  line-height: normal;
  width: auto; }
.main .finderbox.ersatz .row,
.main .finderbox.oel .row {
  padding-bottom: 20px; }
.main .finderbox.ersatz .brand,
.main .finderbox.ersatz .model,
.main .finderbox.oel .brand,
.main .finderbox.oel .model {
  overflow: hidden;
  margin-bottom: 20px; }
.main .finderbox.ersatz .brand label,
.main .finderbox.ersatz .model label,
.main .finderbox.oel .brand label,
.main .finderbox.oel .model label {
  width: 12%; }
.main .finderbox.ersatz .brand select,
.main .finderbox.ersatz .model select,
.main .finderbox.oel .brand select,
.main .finderbox.oel .model select {
  width: 88%; }
.main .finderbox.ersatz .legend,
.main .finderbox.oel .legend {
  float: left;
  width: 350px;
  margin-bottom: 20px; }
.main .finderbox.ersatz .legend label,
.main .finderbox.oel .legend label {
  padding-right: 30px;
  position: relative; }
.main .finderbox.ersatz .legend p,
.main .finderbox.oel .legend p {
  font-size: 11px; }
.main .finderbox.ersatz .legend a.info,
.main .finderbox.oel .legend a.info {
  right: 0;
  top: 8px;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -9999px;
  cursor: pointer;
  background: #b6b8bd;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTZlYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2YjhiZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e6ec), color-stop(100%, #b6b8bd));
  background-image: -moz-linear-gradient(top, #e3e6ec, #b6b8bd);
  background-image: -webkit-linear-gradient(top, #e3e6ec, #b6b8bd);
  background-image: linear-gradient(to bottom, #e3e6ec, #b6b8bd);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  position: absolute; }
.main .finderbox.ersatz .legend a.info:hover,
.main .finderbox.oel .legend a.info:hover {
  background: #9a9ca0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWZmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlhOWNhMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edeff3), color-stop(100%, #9a9ca0));
  background-image: -moz-linear-gradient(top, #edeff3, #9a9ca0);
  background-image: -webkit-linear-gradient(top, #edeff3, #9a9ca0);
  background-image: linear-gradient(to bottom, #edeff3, #9a9ca0); }
.main .finderbox.ersatz .legend a.info:after,
.main .finderbox.oel .legend a.info:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 3px;
  background-image: url("icons-sb45a71061f.png");
  background-position: 0 -625px;
  background-repeat: no-repeat;
  display: block;
  height: 12px;
  width: 5px;
  text-indent: -9999px; }
.main .finderbox.ersatz .hsn,
.main .finderbox.ersatz .tsn,
.main .finderbox.oel .hsn,
.main .finderbox.oel .tsn {
  margin-top: 43px; }
.main .finderbox.ersatz .hsn label,
.main .finderbox.ersatz .tsn label,
.main .finderbox.oel .hsn label,
.main .finderbox.oel .tsn label {
  margin-left: 25px;
  width: 43px; }
.main .finderbox.ersatz .hsn input,
.main .finderbox.ersatz .tsn input,
.main .finderbox.oel .hsn input,
.main .finderbox.oel .tsn input {
  width: 85px; }
.main .finderbox.ersatz .car-list,
.main .finderbox.oel .car-list {
  padding: 10px 0 20px 0; }
.main .finderbox.ersatz .car-list div.head,
.main .finderbox.oel .car-list div.head {
  font-size: 15px;
  color: #E4E7ED;
  margin-bottom: 5px; }
.main .finderbox.ersatz .car-list .col1,
.main .finderbox.oel .car-list .col1 {
  width: 46%; }
.main .finderbox.ersatz .car-list .col2,
.main .finderbox.oel .car-list .col2 {
  width: 15%; }
.main .finderbox.ersatz .car-list .col3,
.main .finderbox.oel .car-list .col3 {
  width: 17%; }
.main .finderbox.ersatz .car-list .col4,
.main .finderbox.oel .car-list .col4 {
  width: 20%; }
.main .finderbox.ersatz .car-list ul.items,
.main .finderbox.oel .car-list ul.items {
  list-style-type: none;
  margin: 0;
  padding: 0; }
.main .finderbox.ersatz .car-list li,
.main .finderbox.oel .car-list li {
  margin: 0;
  padding: 0;
  font-size: 13px;
  position: relative; }
.main .finderbox.ersatz .car-list li .col1,
.main .finderbox.oel .car-list li .col1 {
  text-indent: 40px;
  font-weight: bold; }
.main .finderbox.ersatz .car-list li:first-child a.cta,
.main .finderbox.oel .car-list li:first-child a.cta {
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px 3px 0 0; }
.main .finderbox.ersatz .car-list li:last-child a.cta,
.main .finderbox.oel .car-list li:last-child a.cta {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0;
  border-radius: 0 0 3px 3px; }
.main .finderbox.ersatz .car-list li:first-child:last-child a.cta,
.main .finderbox.oel .car-list li:first-child:last-child a.cta {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
.main .finderbox.ersatz .car-list span,
.main .finderbox.oel .car-list span {
  display: inline-block; }
.main .finderbox.ersatz .car-list a.cta,
.main .finderbox.oel .car-list a.cta {
  display: block;
  color: #5A6271;
  width: 100%;
  height: 44px;
  line-height: 44px;
  background: #FFF;
  position: relative;
  border-bottom: 1px solid #d5d6d7; }
.main .finderbox.ersatz .car-list a.cta:before,
.main .finderbox.oel .car-list a.cta:before {
  content: "";
  position: absolute;
  left: 13px;
  top: 14px;
  background-image: url("icons-sb45a71061f.png");
  background-position: 0 -385px;
  background-repeat: no-repeat;
  display: block;
  height: 17px;
  width: 17px;
  text-indent: -9999px; }
.main .finderbox.ersatz .car-list a.cta:hover,
.main .finderbox.oel .car-list a.cta:hover {
  color: #5A6271;
  background: #E4E7ED;
  position: relative; }
.main .finderbox.ersatz .car-list a.cta:hover:before,
.main .finderbox.oel .car-list a.cta:hover:before {
  content: "";
  position: absolute;
  left: 13px;
  top: 14px;
  background-image: url("icons-sb45a71061f.png");
  background-position: 0 -313px;
  background-repeat: no-repeat;
  display: block;
  height: 17px;
  width: 17px;
  text-indent: -9999px; }
.main .finderbox.ersatz .car-list a.info,
.main .finderbox.oel .car-list a.info {
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -9999px;
  cursor: pointer;
  background: #b6b8bd;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTZlYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2YjhiZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e6ec), color-stop(100%, #b6b8bd));
  background-image: -moz-linear-gradient(top, #e3e6ec, #b6b8bd);
  background-image: -webkit-linear-gradient(top, #e3e6ec, #b6b8bd);
  background-image: linear-gradient(to bottom, #e3e6ec, #b6b8bd);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  position: absolute;
  right: 15px;
  top: 13px; }
.main .finderbox.ersatz .car-list a.info:hover,
.main .finderbox.oel .car-list a.info:hover {
  background: #9a9ca0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWZmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlhOWNhMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edeff3), color-stop(100%, #9a9ca0));
  background-image: -moz-linear-gradient(top, #edeff3, #9a9ca0);
  background-image: -webkit-linear-gradient(top, #edeff3, #9a9ca0);
  background-image: linear-gradient(to bottom, #edeff3, #9a9ca0); }
.main .finderbox.ersatz .car-list a.info:after,
.main .finderbox.oel .car-list a.info:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 3px;
  background-image: url("icons-sb45a71061f.png");
  background-position: 0 -625px;
  background-repeat: no-repeat;
  display: block;
  height: 12px;
  width: 5px;
  text-indent: -9999px; }
.main .finderbox.oel .freigabenr {
  overflow: hidden;
  padding-bottom: 30px; }
.main .finderbox.oel .freigabenr label {
  font-size: 17px;
  float: none;
  padding-right: 27px;
  display: inline-block;
  position: relative; }
.main .finderbox.oel .freigabenr label a {
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -9999px;
  cursor: pointer;
  background: #b6b8bd;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTZlYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2YjhiZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e6ec), color-stop(100%, #b6b8bd));
  background-image: -moz-linear-gradient(top, #e3e6ec, #b6b8bd);
  background-image: -webkit-linear-gradient(top, #e3e6ec, #b6b8bd);
  background-image: linear-gradient(to bottom, #e3e6ec, #b6b8bd);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  position: absolute;
  right: 0;
  top: 9px; }
.main .finderbox.oel .freigabenr label a:hover {
  background: #9a9ca0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWZmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlhOWNhMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edeff3), color-stop(100%, #9a9ca0));
  background-image: -moz-linear-gradient(top, #edeff3, #9a9ca0);
  background-image: -webkit-linear-gradient(top, #edeff3, #9a9ca0);
  background-image: linear-gradient(to bottom, #edeff3, #9a9ca0); }
.main .finderbox.oel .freigabenr label a:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 3px;
  background-image: url("icons-sb45a71061f.png");
  background-position: 0 -625px;
  background-repeat: no-repeat;
  display: block;
  height: 12px;
  width: 5px;
  text-indent: -9999px; }
.main .finderbox.oel .freigabenr select {
  width: 100%;
  float: none; }
.main .finderbox.oel .oel-list {
  padding: 10px 0 20px 0; }
.main .finderbox.oel .oel-list div.head {
  font-size: 15px;
  color: #E4E7ED;
  margin-bottom: 5px; }
.main .finderbox.oel .oel-list .col1 {
  width: 18%; }
.main .finderbox.oel .oel-list .col2 {
  width: 81%; }
.main .finderbox.oel .oel-list ul.items {
  list-style-type: none;
  margin: 0;
  padding: 0; }
.main .finderbox.oel .oel-list li {
  margin: 0;
  padding: 0;
  font-size: 13px;
  position: relative; }
.main .finderbox.oel .oel-list li .col1 {
  text-indent: 40px; }
.main .finderbox.oel .oel-list li .col2 {
  font-weight: bold; }
.main .finderbox.oel .oel-list li:first-child a {
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px 3px 0 0; }
.main .finderbox.oel .oel-list li:last-child a {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0;
  border-radius: 0 0 3px 3px; }
.main .finderbox.oel .oel-list li:first-child:last-child a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
.main .finderbox.oel .oel-list span {
  display: inline-block; }
.main .finderbox.oel .oel-list a.cta {
  display: block;
  color: #5A6271;
  width: 100%;
  height: 44px;
  line-height: 44px;
  background: #FFF;
  position: relative;
  border-bottom: 1px solid #d5d6d7; }
.main .finderbox.oel .oel-list a.cta:before {
  content: "";
  position: absolute;
  left: 13px;
  top: 14px;
  background-image: url("icons-sb45a71061f.png");
  background-position: 0 -385px;
  background-repeat: no-repeat;
  display: block;
  height: 17px;
  width: 17px;
  text-indent: -9999px; }
.main .finderbox.oel .oel-list a.cta:hover {
  color: #5A6271;
  background: #E4E7ED;
  position: relative; }
.main .finderbox.oel .oel-list a.cta:hover:before {
  content: "";
  position: absolute;
  left: 13px;
  top: 14px;
  background-image: url("icons-sb45a71061f.png");
  background-position: 0 -313px;
  background-repeat: no-repeat;
  display: block;
  height: 17px;
  width: 17px;
  text-indent: -9999px; }
.main .finderbox.oel p.no-result {
  font-weight: bold;
  float: none;
  margin-top: 20px;
  font-size: 15px; }
.main .finderbox.oel .no_kfz {
  display: block;
  margin: 0 0 20px 0;
  font-weight: bold; }
.main .finderbox .cta-button {
  width: 162px; }
.main .finderbox .dimension-seperator {
  left: -5px;
  top: 4px; }
.main #ersatzteilFinder {
  padding: 25px 20px 10px 30px;
  background: #646464;
  margin: 15px 0 40px 0;
  color: #fff;
  font-family: "Segoe UI","Helvetica",sans-serif;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(to right, #464a4b, #7f7d7e); }
  .main #ersatzteilFinder .head .headline {
    font-size: 30px; }
  .main #ersatzteilFinder .content {
    float: left;
    width: 417px;
    margin: 0 5px 0 0;
    padding: 0 25px 0 0; }
    .main #ersatzteilFinder .content .title {
      font-weight: bold;
      font-size: 15px;
      line-height: 37px; }
  .main #ersatzteilFinder .form {
    float: left;
    width: auto;
    margin: 40px 5px 0 5px; }
    .main #ersatzteilFinder .form input {
      border-radius: 3px;
      width: 118px;
      margin: 0;
      padding: 0;
      border: none;
      padding-left: 15px;
      height: 37px;
      color: #000; }
  .main #ersatzteilFinder .submit {
    margin: 0 0 0 5px;
    width: auto;
    position: relative;
    float: right;
    top: 188px; }
    .main #ersatzteilFinder .submit button {
      position: absolute;
      right: 30px;
      bottom: 11px;
      background-image: linear-gradient(to bottom, #c31525, #97101d);
      color: #fff;
      font-size: 18px;
      padding: 0 35px 0 18px;
      line-height: 38px;
      font-weight: bold;
      border: none;
      border: 1px solid #fff; }
    .main #ersatzteilFinder .submit button.oel {
      position: absolute;
      right: 15px;
      bottom: 112px;
      background-image: linear-gradient(to bottom, #c31525, #97101d);
      color: #fff;
      font-size: 18px;
      padding: 0 35px 0 18px;
      line-height: 37px;
      font-weight: bold;
      border: none; }
    .main #ersatzteilFinder .submit button::after {
      content: "";
      position: absolute;
      right: 14px;
      top: 11px;
      background-image: url("/data/img/shared-s12dcbd1f98.png");
      background-position: 0 -70px;
      background-repeat: no-repeat;
      display: block;
      height: 14px;
      width: 8px;
      text-indent: -9999px; }
  .main #ersatzteilFinder .submit::after {
    content: "";
    display: block;
    clear: both; }
  .main #ersatzteilFinder .footer .title {
    line-height: 37px; }
  .main #ersatzteilFinder .footer .body select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    padding-left: 15px;
    height: 37px;
    color: #000;
    background: white url(https://www.atu.de/de/content/static/fh_gfx/graphics/startseiten/select-arrow.png) no-repeat right 10px center;
    cursor: pointer;
    padding-left: 10px; }
.main #ersatzteilFinder::after {
  content: "";
  clear: both;
  display: block; }

@media (max-width: 480px) {
  .main .finderbox select {
    width: 100% !important;
    margin-bottom: 4px; }

  .main .finderbox a.button {
    width: 100%;
    margin-top: 10px;
    margin-left: 0; }

  .finderbox.reifen, .main #ersatzteilFinder {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 1px;
    border-radius: 0; }
    .finderbox.reifen .text-right, .main #ersatzteilFinder .text-right {
      text-align: center !important; }

  .main #ersatzteilFinder .form {
    margin: 0px 5px 0 5px; }

  .main #ersatzteilFinder .submit {
    text-align: center;
    top: 0; }

  .main #ersatzteilFinder .submit button {
    position: relative;
    right: unset;
    margin-top: 20px; }

  .main #ersatzteilFinder .content {
    width: 100%; }

  .main #ersatzteilFinder .head .headline {
    font-size: 25px; }

  .main #ersatzteilFinder .form-group {
    float: left; } }