@media (max-width: 767px) {
#add {
    margin-top: 25px;
    width: 100%;
}
.tx-nemaproducts-pi1 strong.legend {
    padding-top: 20px;
}

.tx-nemaproducts-pi1 strong.typeL,
.tx-nemaproducts-pi1 strong.bladderL,    
.tx-nemaproducts-pi1 strong.colorL {    
    background: url(btn_more.png) right bottom no-repeat;
    cursor: pointer;
}

#prev {
    width: 100%;
}

#data {
    margin-top: 20px;
    width: 100%;
}


#cart {
    width: 100%;
}

.tx-nemaproducts-pi1 input[type=submit] {
    width: 100%;
    margin-top: 25px;
}

.type, .bladder, .color {
    display: none;
}

}

@media (min-width: 768px) {
.tx-nemaproducts-pi1 .legend {
    pointer-events: none;
}

.tx-nemaproducts-pi1 .type .hidden-xs {
    margin-top: -132px;
}

.tx-nemaproducts-pi1 .form-horizontal .control-label {
    padding: 0;
}

.tx-nemaproducts-pi1 strong.legend {
    margin-top: 24px;
}


#cart {
    width: 350px;
}

.tx-nemaproducts-pi1 input[type=submit] {
    float: right;
    width: 350px;
}

#add {
    width: 350px;
    float: right;
}


#prev {
    width: 350px;
}

#data {
    float: right;
    width: 350px;
}

}

.tx-nemaproducts-pi1 h3 small {
    color: #FFF;
    padding-left: 10px;
}

.tx-nemaproducts-pi1 strong.legend {
    display: block;
    line-height: 1.1em;
}

.tx-nemaproducts-pi1 #finder_bar,
.tx-nemaproducts-pi1 #finder_v {
    margin-top: 25px;
    margin-bottom: 35px;
}

.tx-nemaproducts-pi1 .ui-widget.ui-widget-content {
    background: #000;
    border: 1px solid #999;
}

.tx-nemaproducts-pi1 .step-2,
.tx-nemaproducts-pi1 .step-3 {
    display: none;
}

#nef, #nes, #nel, #neq, #nex {
    cursor: pointer;
    width: 68px;
    height: 68px;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
    border: 2px solid #FFF;
    padding: 10px 5px;
    font-weight: bold;
}

#epdma, #butyl, #epdmn, #butyn {
    cursor: pointer;
    width: 68px;
    height: 68px;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
    border: 2px solid #FFF;
    padding: 10px 5px;
    font-weight: bold;
}

#red, #blue {
    cursor: pointer;
    width: 68px;
    height: 68px;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
    border: 2px solid #FFF;
    padding: 10px 3px;
    font-weight: bold;
}

#red {
    color: red;
}

#blue {
    color: blue;
}


#nef.active, #nes.active, #nel.active, #neq.active, #nex.active {
    background: #FFF;
}

#epdma.active, #butyl.active, #epdmn.active, #butyn.active {
    background: #FFF;
}

#red.active, #blue.active {
    background: #FFF;
}


#artikel {
    margin-top: 5px;
}

.info {
    text-align: center;
}


#finder_bar span.ui-slider-handle {
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    line-height: 50px;
}

#finder_v span.ui-slider-handle {
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    line-height: 50px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -1.3em !important;
    margin-left: -25px;
}


#add {
    cursor: pointer;
    border: 2px solid #FFF;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    background: url("btn_next.png") no-repeat right center;
}

#prev {
    cursor: pointer;
    border: 2px solid #FFF;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    background: url("btn_prev.png") no-repeat left center;
}


#cart {
    cursor: pointer;
    border: 2px solid #FFF;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    background: url("btn_prev.png") no-repeat left center;
}

#data {
    cursor: pointer;
    border: 2px solid #FFF;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    background: url("btn_next.png") no-repeat right center;
}

.tx-nemaproducts-pi1 input[type=submit] {
    cursor: pointer;
    border: 2px solid #FFF;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    background: url("btn_next.png") no-repeat right center;
}


.tx-nemaproducts-pi1 .form-horizontal .control-label {
    line-height: 38px;
}

.tx-nemaproducts-pi1 td {
    padding: 5px;
}

.tx-nemaproducts-pi1 td.number {
    vertical-align: top;
    padding-left: 0;
}

.tx-nemaproducts-pi1 td input.artikel {
    padding: 5px;
    width: 100px;
    text-align: left;
    float: left;
    margin-right: 10px;
}

.tx-nemaproducts-pi1 .addAmount,
.tx-nemaproducts-pi1 .subAmount {
    border: 2px solid #000;
    text-align: center; 
    width: 30px;
    line-height: 25px;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    cursor: pointer;
}

.infotext {
    display: none;
}

.infotext strong {
    display: block;
    margin: 15px 0 5px;
}

.bladder {
    margin-bottom: 50px;
}

.bladder strong {
    display: block;
}

.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
    display: none;
}

.ui-slider-pips .ui-slider-line {
    background: #000;
}

.table-responsive {
    border: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #000;
    background: #000;
    color: #FAB900;
}