#promos select {
    margin: 0;    
}

.sub-menu .navbar-toggle {
    float: right;
    margin-right: 30px;
}

select {
    padding: 0.3em 0.8em;
}

h1 {
    text-transform: uppercase;
    font-size: 2.1em;
}
h2 {
    margin-top: -0.5em;
    color: #c8172f;
    font-size: 1.3em;
}
h3 {
    margin-top: 1.5em;
    margin-bottom: 0.7em;
    color: #c8172f;
    font-size: 1.3em;
}

h1, h2, .main-wrapper .wrapper > section p, .main-wrapper .wrapper > section nav {
    font-family: "HelveticaNeueW01-67MdCn 692710", Verdana, sans-serif;
}

.main-wrapper .wrapper > section nav, .main-wrapper .wrapper > section nav a {
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
    color: #999;
}

.navbar-collapse {
    padding: 0;
}

#nav-form-berechnen {
    margin-right: 1.2em;
    padding-left: 20px;
    background: url('../images/icon-calc.png') no-repeat #f0f0f0 7px center;
}
.main-wrapper .wrapper > section #main-nav-collapse-sub nav a {
    color: #000;
}
#main-nav-collapse-sub .navbar-default {
    background-color: #fff;
}
#main-nav-collapse-sub .navbar-default .service-menu {
    height: 2.29em;
}
#nav-form-berechnen li {
    display: inline-block;
    color: #888;
    background: url('../images/nav-form.png') no-repeat #f0f0f0 left;
    padding: 3px 0 3px 19px;
    font-size: 1.2em;
    text-align: center;
}
#nav-form-berechnen li:last-of-type > img {
    margin-left: 4px;
}
#nav-form-berechnen li.nav-form-berechnen-active {
    color: #fff;
    background: url('../images/nav-form-active-left.png') no-repeat #c8172f left;
    padding-right: 3px;
}
#nav-form-berechnen li.nav-form-berechnen-active + li {
    background: url('../images/nav-form-active-right.png') no-repeat left;
    margin-left: -4px;
}
.form-input-group {
    display: inline;
}

.form-berechnen-section, .form-berechnen-section label, .form-berechnen-section span.form-berechnen-section-option {
   font-family: Arial, Verdana, sans-serif;
}
.form-berechnen-section {
    background: url('../images/form-line.png') repeat-x bottom;
    padding-bottom: 1em;
    margin-right: 2em;
}
.form-berechnen-section > div {
    padding: 0.5em 0.5em 0.5em 0;
}
.form-berechnen-section > div:hover {
    background: #f0f0f0;
}

@media (max-width: 767px) {
    .service-menu li:first-of-type {
        margin-left: 0.1em;
    }
    .service-menu li {
        margin-right: 0.9em;
    }
    
    #nav-form-berechnen {
        margin-top: 0em; /* perhaps to be removed - it is related to some Chrome error, which sometimes displays the steps-line-header, and sometimes it doesn't */
    }
    
    .service-menu > li {
        font-size: 1.5em;
        display: block;
    }
    .service-menu li a {
        padding-left: 1.8em;
    }
    .service-menu li:first-of-type {
        padding-left: 1em;
    }
    .service-menu li:first-of-type a {
        padding-left: 0;
    }
    .service-menu > li > a > span > span {
        display: inline;
    }
    .service-menu li.service-menu-break {
        margin-top: 0;
    }
    .service-menu > li.service-menu-active {
        box-shadow: none;
    }
}

@media (max-width: 688px) {
    .service-menu > li > a > span > span {
        display: block;
    }
    .service-menu li.service-menu-break {
        margin-top: -1.2em;
    }
}

@media (max-width: 616px) {
    .service-menu > li {
        font-size: 1em;
        padding-bottom: 0.44em;
    }
}

@media (max-width: 479px) {
    #main-nav-collapse-sub .navbar-default .service-menu {
        height: auto;
    }
    .service-menu > li {
        font-size: 1.5em;
        display: block;
    }
    .service-menu li a {
        padding-left: 1.8em;
    }
    .service-menu li:first-of-type {
        padding-left: 1em;
    }
    .service-menu li:first-of-type a {
        padding-left: 0;
    }
    .service-menu > li > a > span > span {
        display: inline;
    }
    .service-menu li.service-menu-break {
        margin-top: 0;
    }
    .service-menu > li.service-menu-active {
        box-shadow: none;
    }
}

@media (min-width: 480px) {
  .navbar-brand {
    float: left;
    margin-right: 5px;
    margin-left: -15px;
  }
  .navbar-nav {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    border-radius: 0;
  }
  .navbar-nav.pull-right {
    float: right;
    width: auto;
  }
  #main-part .navbar-toggle {
    position: relative;
    top: auto;
    left: auto;
    /*simone display: none;*/
  }
  .nav-collapse.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
  #main-part .navbar-header,
  .inwrapper .navbar-header{
      /*simone display: none;*/
  }
  #main-nav-collapse-sub {
      /*simone display: block;*/
  }
  
  
}

@media (max-width: 421px) {
    .exp-button-container {
        text-align: center;
    }
    .exp-button-container .exp-button {
        float: none;
    }
}

@media (max-width: 363px) {
    #main-part h1 {
        font-size: 2em;
    }
}

@media (max-width: 333px) {
    #main-part h1 {
        font-size: 1.8em;
    }
}

/* sub-menu fix */
@media (max-width: 696px) {
    .service-menu > li > a > span > span {
        display: block;
    }
    .service-menu li.service-menu-break {
        margin-top: -1.32em;
    }
}

@media (max-width: 688px) {
    #main-part .service-menu li.service-menu-break {
        margin-top: -1.32em;
    }
}

@media (max-width: 626px) {
    #main-part .service-menu li.service-menu-break > a {
        padding: 0.15em 0.7em;
    }
}

@media (max-width: 479px) {
    #main-part .service-menu li.service-menu-break {
        margin-top: 0;
        margin-left: 0.3em;
        background: none;
    }
    .service-menu > li > a > span > span {
        display: inline;
    }
}