#shop {
  float: left;
  width: 100%;
  padding: 100px 0; }
  #shop #message-alert {
    display: none;
    position: fixed;
    right: 50px;
    bottom: 50px;
    background-color: #ff9239;
    color: #ffffff;
    padding: 15px;
    z-index: 100;
    -webkit-box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
    box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36); }
    @media only screen and (max-width: 767px) {
      #shop #message-alert {
        left: 0;
        width: 100%;
        bottom: 0; } }
  #shop #shop-breadcrumb {
    margin-bottom: 50px; }
    #shop #shop-breadcrumb .currentStep {
      color: #ff9239; }
  #shop .list-button {
    padding: 15px;
    color: #ffffff;
    font-size: 18px;
    float: left;
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
    box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    #shop .list-button i {
      float: right;
      margin-top: 5px; }
  #shop .warenkorb-button,
  #shop .login-button {
    background-color: #ff9239;
    position: relative;
    cursor: pointer; }
    #shop .warenkorb-button #cart-number,
    #shop .login-button #cart-number {
      display: block;
      height: 20px;
      width: 20px;
      background-color: #005961;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      font-size: 11px;
      text-align: center;
      line-height: 20px;
      position: absolute;
      top: 29px;
      right: 5px; }
  #shop .shop-header-line {
    margin-bottom: 50px;
    float: left;
    width: 100%; }
    #shop .shop-header-line h1 {
      margin-bottom: 0;
      margin-top: 7px; }
    @media only screen and (max-width: 767px) {
      #shop .shop-header-line .login-button {
        margin-top: 30px; } }
  #shop .shop-button {
    background-color: #005961; }
    #shop .shop-button:hover, #shop .shop-button:focus, #shop .shop-button.active {
      background-color: rgba(0, 89, 97, 0.8); }
  @media only screen and (min-width: 768px) {
    #shop .cat-wrapper-toggle {
      display: none !important; }
    #shop .cat-wrapper-js {
      display: block !important; } }
  #shop .cat-wrapper-js {
    display: none;
    float: left;
    width: 100%; }
  #shop .cat-wrapper-toggle {
    padding: 15px;
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: #F1F1F1;
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
    box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    #shop .cat-wrapper-toggle i {
      float: right;
      margin-top: 5px; }
  #shop .kategorie-entry {
    margin-bottom: 30px;
    float: left;
    width: 100%; }
    #shop .kategorie-entry.spacer-top {
      margin-top: 60px; }
  #shop #kategorie-wrapper {
    margin-top: 108px;
    width: 25%;
    float: left;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    #shop #kategorie-wrapper.user-profil {
      margin-top: 0px; }
    @media only screen and (max-width: 767px) {
      #shop #kategorie-wrapper {
        width: 100%;
        padding: 0;
        margin-top: 0; } }
  #shop #product-wrapper,
  #shop #cart,
  #shop #product-detail-wrapper,
  #shop #user-profil {
    width: 75%;
    float: left; }
    @media only screen and (max-width: 767px) {
      #shop #product-wrapper,
      #shop #cart,
      #shop #product-detail-wrapper,
      #shop #user-profil {
        width: 100%; } }
  #shop #product-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch; }
    #shop #product-wrapper .product-entry {
      float: left;
      position: relative;
      margin-bottom: 30px;
      background-color: #F1F1F1;
      padding-bottom: 58px;
      -webkit-transition: box-shadow 0.25s ease-in-out;
      -moz-transition: box-shadow 0.25s ease-in-out;
      -ms-transition: box-shadow 0.25s ease-in-out;
      -o-transition: box-shadow 0.25s ease-in-out;
      transition: box-shadow 0.25s ease-in-out; }
      #shop #product-wrapper .product-entry:hover {
        -webkit-box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
        -moz-box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
        box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36); }
      #shop #product-wrapper .product-entry .product-entry-name {
        font-size: 22px;
        font-weight: 500;
        text-align: center;
        float: left;
        width: 100%;
        color: #005961;
        padding: 10px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      #shop #product-wrapper .product-entry .product-entry-price {
        font-size: 18px;
        text-align: center;
        float: left;
        width: 100%;
        color: #005961;
        padding: 10px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      #shop #product-wrapper .product-entry .product-entry-detail {
        background-color: #ff9239;
        width: 100%;
        padding: 15px;
        color: #ffffff;
        float: left;
        font-weight: 500;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
  #shop .form-error {
    float: left;
    width: 100%;
    margin-left: 15px;
    color: #ff9239; }
    @media only screen and (max-width: 767px) {
      #shop .form-error {
        margin-left: 0; } }
  #shop #payment .form-error,
  #shop #delivery .form-error,
  #shop #delivery-payment-type .form-error,
  #shop #pfand .form-error,
  #shop #create-account .form-error,
  #shop .passwd .form-error {
    margin-left: 0; }
  #shop #payment label,
  #shop #delivery label,
  #shop #delivery-payment-type label,
  #shop #pfand label,
  #shop #create-account label,
  #shop .passwd label {
    margin-top: 30px;
    margin-bottom: 5px;
    display: block; }
  #shop #payment #lieferadresse,
  #shop #delivery #lieferadresse,
  #shop #delivery-payment-type #lieferadresse,
  #shop #pfand #lieferadresse,
  #shop #create-account #lieferadresse,
  #shop .passwd #lieferadresse {
    float: left;
    width: 20px;
    margin-top: 38px; }
  #shop #payment #lieferadresse_label,
  #shop #delivery #lieferadresse_label,
  #shop #delivery-payment-type #lieferadresse_label,
  #shop #pfand #lieferadresse_label,
  #shop #create-account #lieferadresse_label,
  #shop .passwd #lieferadresse_label {
    float: left; }
  #shop #payment input[type="submit"],
  #shop #delivery input[type="submit"],
  #shop #delivery-payment-type input[type="submit"],
  #shop #pfand input[type="submit"],
  #shop #create-account input[type="submit"],
  #shop .passwd input[type="submit"] {
    margin-top: 60px; }
  #shop #payment #so_type_payment,
  #shop #delivery #so_type_payment,
  #shop #delivery-payment-type #so_type_payment,
  #shop #pfand #so_type_payment,
  #shop #create-account #so_type_payment,
  #shop .passwd #so_type_payment {
    margin-bottom: 30px; }
  #shop #create-account > div,
  #shop #pfand > div,
  #shop .passwd > div {
    margin-bottom: 30px; }
    #shop #create-account > div.alpha,
    #shop #pfand > div.alpha,
    #shop .passwd > div.alpha {
      clear: both; }
  #shop #create-account label,
  #shop #pfand label,
  #shop .passwd label {
    margin-top: 11px; }
  #shop #create-account input,
  #shop #create-account select,
  #shop .passwd input,
  #shop .passwd select {
    margin-bottom: 30px; }
  #shop #agb {
    margin-bottom: 30px;
    margin-right: 10px; }
  #shop .has-error {
    color: #ff9239; }
  #shop input.error {
    background-color: rgba(255, 146, 57, 0.3); }
  #shop #summary .clear {
    margin-bottom: 60px; }

#cart {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    #cart {
      padding: 0; } }
  #cart table.cart {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px; }
    #cart table.cart tr th {
      color: #ff9239;
      font-weight: 500;
      font-size: 20px;
      padding-bottom: 30px;
      text-align: left; }
      @media only screen and (max-width: 767px) {
        #cart table.cart tr th:first-child {
          display: none; } }
      @media only screen and (max-width: 767px) {
        #cart table.cart tr th {
          padding-left: 5px; } }
    #cart table.cart #versandkosten td {
      padding: 24px 0;
      border-bottom: 0; }
#cart table.cart .footer td {
  padding: 24px 0;
  border-bottom: 0; }
      @media only screen and (max-width: 767px) {
        #cart table.cart #versandkosten td:first-child {
          display: none; } }
      @media only screen and (max-width: 767px) {
        #cart table.cart #versandkosten td {
          padding-left: 5px; } }
    #cart table.cart #total td {
      font-weight: 500;
      padding: 24px 0; }
      @media only screen and (max-width: 767px) {
        #cart table.cart #total td:first-child {
          display: none; } }
      @media only screen and (max-width: 767px) {
        #cart table.cart #total td {
          padding-left: 5px; } }
    #cart table.cart tr td {
      background-color: #F1F1F1;
      /*border-bottom: 10px solid #ffffff;*/ }
      @media only screen and (max-width: 767px) {
        #cart table.cart tr td {
          padding-left: 5px; } }
      #cart table.cart tr td.cart-image {
        height: 82px; }
        #cart table.cart tr td.cart-image img {
          height: 82px; }
        @media only screen and (max-width: 767px) {
          #cart table.cart tr td.cart-image {
            display: none; } }
      #cart table.cart tr td.cart-title h3 {
        font-size: 20px; }
      #cart table.cart tr td.cart-title .variation {
        font-size: 16px; }
      #cart table.cart tr td .button {
        background-color: transparent;
        color: #005961;
        height: 82px;
        width: 82px;
        margin: 0;
        padding: 0;
        text-align: center; }
        #cart table.cart tr td .button i {
          line-height: 82px;
          color: #005961; }
      #cart table.cart tr td input {
        background-color: #fff;
        width: 50%; }
    #cart table.cart tr.product td:last-child {
      width: 82px; }
      @media only screen and (max-width: 767px) {
        #cart table.cart tr.product td:last-child {
          width: 30px; } }

#product-detail-wrapper {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    #product-detail-wrapper {
      padding: 0; }
      #product-detail-wrapper .login-button {
        display: none; } }
  #product-detail-wrapper .product-detail-image {
    background-color: #F1F1F1;
    padding: 30px;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px; }
  #product-detail-wrapper .variation-select {
    margin-bottom: 30px; }
    #product-detail-wrapper .variation-select label {
      display: block;
      float: left;
      width: 100%;
      margin-bottom: 10px; }
  #product-detail-wrapper .product-detail-add h2 {
    margin-bottom: 30px; }
  #product-detail-wrapper .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%; }
  #product-detail-wrapper .input-group-addon:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none; }
  #product-detail-wrapper .input-group-addon:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none; }
  #product-detail-wrapper .input-group-addon, #product-detail-wrapper .input-group input {
    display: table-cell; }
  #product-detail-wrapper .input-group-addon {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #FFF;
    text-align: center;
    background-color: #005961;
    border: none;
    border-radius: 0px;
    vertical-align: middle;
    cursor: pointer; }

.login-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2000;
  padding-top: 10%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .login-overlay.visible {
    display: block; }
  /*.login-overlay .login-card-wrapper {*/
  /*  width: 33.33333%;*/
  /*  margin-left: 33.33333%; */
  /*}*/

@media only screen and (min-width: 768px) {
  .login-overlay .login-card-wrapper {
    width: 50%;
    margin: 0 auto;
  }
}

  @media only screen and (min-width: 1100px) {
    .login-overlay .login-card-wrapper {
      width: 33.33333%;
      margin-left: 33.33333%;
    }
  }

  .login-overlay .login-card {
    background: #ffffff;
    padding: 30px;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
    box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36); }
    .login-overlay .login-card h3 {
      color: #ff9239;
      font-size: 28px;
      font-weight: 500;
      margin-bottom: 30px; }
    .login-overlay .login-card form {
      margin: 0;
      float: left;
      width: 100%; }
      .login-overlay .login-card form input {
        margin: 0;
        width: 100%;
        border: none;
        padding: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .login-overlay .login-card form button {
        border: none; }
    .login-overlay .login-card .form-group {
      position: relative;
      float: left;
      width: 100%;
      margin-bottom: 30px; }
      .login-overlay .login-card .form-group i {
        color: rgba(0, 0, 0, 0.36);
        font-size: 24px;
        position: absolute;
        top: 13px;
        right: 10px; }
    .login-overlay .login-card .form-control {
      margin-bottom: 0; }
      .login-overlay .login-card .form-control button {
        width: 100%;
        float: left;
        padding: 14px 15px;
        background-color: #ff9239;
        color: #ffffff;
        text-align: left;
        font-size: 20px;
        font-weight: 500;
        -webkit-box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
        -moz-box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36);
        box-shadow: 0 26px 79px rgba(0, 0, 0, 0.36); }
        .login-overlay .login-card .form-control button i {
          color: #ffffff; }
  .login-overlay .login-addons {
    color: #ffffff;
    font-size: 14px; }
    .login-overlay .login-addons a {
      color: #ffffff; }
    .login-overlay .login-addons .forgotten,
    .login-overlay .login-addons .create {
      float: left;
      width: 50%; }
    .login-overlay .login-addons .create {
      text-align: right; }

#user-profil {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    #user-profil {
      padding: 0; } }
  #user-profil h1 {
    margin-bottom: 0;
    margin-top: 7px; }
  #user-profil form div {
    margin-bottom: 30px; }
  #user-profil #cart {
    width: 100%;
    padding: 0; }
    #user-profil #cart tr td {
      padding: 15px; }

#order .order-itm {
  float: left;
  width: 100%;
  background-color: #F1F1F1;
  margin-bottom: 30px;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.product-detail-description ~ .shop-button {
  margin-bottom: 30px;
}

/*# sourceMappingURL=shop.css.map */