/* Wizard */
.bootstrapWizard li{
    width: 33.33%
}
.nextStepWrapper{
    margin-bottom: 20px;
}

/* Giftcards*/

#giftCardDiv{
    /*padding: 20px;*/
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.boldText{
    font-weight: bold;
}

.coupon{
    /*width: 250px;*/
    height: auto;
    min-height: calc(125px + 175px);
    /*border-radius: 10px; */
    padding: 10px;
    /*background-color: var(--bookingPrimary)!important;*/
    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;
    /* border-radius: 10px; */
    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;
    /*color: var(--bookingSecondary);*/
    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;
    /*color: var(--bookingSecondary)!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;
}

/* Modal */
#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%);
}

/* Login und Registrierung */
.form-control-feedback{
    position: absolute;
}

/* Gutschein Wert selbst bestimmen */
.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;
    }
}