.bootstrapWizard li {

  width: 33.33%

}



.nextStepWrapper {

  margin-bottom: 20px;

}







#giftCardDiv {



  display: flex;

  flex-wrap: wrap;

  align-items: stretch;

}



.boldText {

  font-weight: bold;

}



.coupon {



  height: auto;

  min-height: calc(125px + 175px);



  padding: 10px;



  position: relative;

  margin: 5px;

  margin-bottom: 20px;

  border: 1px solid rgba(0, 0, 0, 0.3);

  box-shadow: 4px 5px 3px rgba(0, 0, 0, 0.3);

  cursor: pointer;

  display: flex;

  flex-direction: column;

  flex: 1;

}



.couponImage {

  width: 100%;

  height: 175px;



  margin-bottom: 10px;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  flex-shrink: 0;

}



.couponTitle {

  font-size: 17px;

  padding-left: 10px;

}



.couponAmount {

  font-size: 20px;

  bottom: auto;

  right: auto;

  max-width: 50%;

  flex-wrap: wrap;

}



.couponMengeInput,

{

color: var(--bookingPrimary);

}



.couponMengeInput:disabled {

  background: none;

}



.couponMengeInput::-webkit-outer-spin-button,

.couponMengeInput::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



input[type=number] {

  -moz-appearance: textfield;

}





.couponAmount .currency {

  font-size: smaller;

}



.couponAnzahl {

  position: relative;

  left: auto;

  bottom: auto;

}



.input_Menge {

  width: 45px !Important;

  border-radius: 0px !important;

}



.couponMengeInput {

  background: none;

  border: none;



  font-size: 20px;

}



.inputGroupAmount {

  z-index: 1;

  max-width: 100px;

}



.btn-number:visited,

.btn-number:focus {

  background-color: var(--bookingSecondary) !important;

}



.btn-number.buttonIncDec,

.btn-number.buttonIncDec:hover,

.btn-number.buttonIncDec:focus,

.btn-number.buttonIncDec:visited {

  background: none !important;

  border: none !important;



  box-shadow: none !important;

  font-weight: bold !important;

}



.restrictionTooltip {

  min-width: 150px;

  font-size: small !important;

}



.alert-danger {

  border: none !important;

}



.errWrapper {

  margin-top: 30px;

  margin-bottom: 30px;

  margin-left: 30px;

  margin-right: 13px;

}



#vorlagenWrapper,

#RegisterFormWrapper,

.tableGiftcardSummaryWrapper {

  margin-top: 30px;

}



#paymentDiv {

  margin-bottom: 50px;

}





#couponDetails .modal-dialog {

  width: 80%;

  max-width: 700px;

}



#BeschreibunCouponDetails,

#PriceCouponDetailsTitle {

  color: var(--bookingPrimary) !important;

}



#PriceCouponDetailsTitle {

  text-align: right;

  font-weight: bold;

  margin-bottom: 0px;

}



#ImageCarousel,

.carousel-inner {

  max-width: 700px;

  max-height: 400px;

}



.glyphicon {

  position: relative;

  top: 50%;

}



div.item img {

  width: 100%;

}



img.placeholderImage {

  width: 100%;

  transform: translateY(-30%);

}





.form-control-feedback {

  position: absolute;

}





.wertWaehlbarInput {

  margin-left: 5px;

  min-width: 40px;

  color: var(--bookingSecondary) !important;

  width: 60%;

  max-width: none;

}







.voucher-bezahlung {

  display: flex !important;

  justify-content: center;

}



.tableGiftcardSummaryWrapper {

  margin: 0 !important;

}



.GSKat_select {

  display: flex;

  justify-content: center;

  margin-bottom: 3rem;

}



.btn.btn-success {

  background-color: var(--bookingBackground);

  border: none;

  border-color: var(--bookingPrimary);

}



.btn.btn-success:hover,

.btn.btn-success:focus,

.btn.btn-success:visited {

  background-color: var(--bookingDark);

  color: var(--bookingBackground);

  border: none;

  border-color: var(--bookingPrimary);

}



.WertNotFreiWaehlbar span {

  padding-left: 4px;

}



.couponAmount .WertFreiWaehlbar {

  padding: 0;



}



.WertFreiWaehlbar input {

  padding-bottom: 2px;

}



.couponAmount {}



.couponBuyDiv {

  display: flex;

  align-items: baseline;

  justify-content: space-between;

  padding: 10px;

  flex-direction: row-reverse;

  align-items: center;

  margin-top: auto;

}



@media only screen and (max-width: 1600px) {



  .btn.btn-success.buttonIncDec {

    display: flex;

    justify-content: center;

    align-content: center;

    padding: 10px;

    width: 80px;

  }



  .btn.btn-success.buttonIncDec span {

    display: none;

  }



  .couponMengeInput {

    margin-left: -10px;

  }



  button.btn.btn-default.btn-number.buttonIncDec {

    margin-left: -10px;

  }



  button.btn.btn-default.btn-number.buttonIncDec.buttonInc {

    margin-left: -18px;

  }

}





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



  #bootstrap-wizard-1 {

    display: inline-grid;

  }



  #couponDetails .modal-dialog {

    width: 95%;

  }

}



#voucherShopBottomTotalH2 {

  margin: 0;

}



input.couponMengeInput {

  justify-items: center;

}



#tab3 {

  min-height: 600px;

}



.GSKat-Label {

  align-content: center;

}



.GSKat-Label label {

  font-size: 14px;

  margin: 0;

}



.allGSDiv {

  margin-top: 30px;

}



@media only screen and (max-width: 500px) {

  .allGSDiv {

    padding: 0;

    ;

  }



  div#bootstrap-wizard-1 {

    padding: 15px 0;

  }



  div#vorlagenWrapper {

    padding: 0;

  }

}



@media only screen and (max-width: 380px) {

  .couponBuyDiv {

    width: calc(100vw - 55px);

    max-width: 308px;

  }

}