body{
    font-family:Helvetica,Arial,sans-serif;
    font-size:16px;
    background-color:transparent;
}

div,li,a,ul,ol,span,label,input,textarea,select,form{
    box-sizing: border-box;
}
form input, form textarea, form select{
    color: #333;
    font-size:1em;
    line-height:2.5em;
    height:2.5em;
    padding:0 .5em;
    border:1px solid #7f7f7f;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border linear .2s,box-shadow linear .2s;
    width:100%;
    margin:5px 0px;
}
form input:focus, 
form textarea:focus, 
form select:focus{
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}

form input[type=checkbox],
form input[type=radio],label{
    line-height:1em;
    height:1em;
    padding:0;
    vertical-align: middle;
    margin: 6px 3px 6px 0px;
    border:0;
    width:auto;
}
h2{
    color:#1f90ba;
    font-size:1.4em;
}

.obu-hidden{
    display:none !important;
}
.column{
    display:inline-block;
    width:31%;
    margin:0 1%;
    vertical-align:top;
}
.hr{
    width:100%;
    height:0;
    background:#bbb;
    margin:1em 0;
}
.button{
    display:inline-block;
    padding:0 1em;
    line-height:2.5em;
    border-radius:5px;
    text-decoration:none;
    border:0;
    color:#000;
    box-shadow: 3px 3px 5px rgba(0,0,0,.3);
    background:#f4f142;
    transition: all .3s;
}
.button:hover,
#obu-order-block input[type=submit]:hover{
/*    background:#1f90ba;
    color:#000;*/
    color:#000;
    cursor:pointer;
}

#obu-order-qty{
    display:inline-block;
    box-shadow:0px 0px 10px #333;
    padding:10px;
    border-radius:10px;
    margin:3em 1%;
    vertical-align:top;
    background:#fff;
}
#obu-qty-block{
    display:inline-block;
}
#obu-qty-block label{
    color:#1f90ba;
    font-size:1.4em;
    font-weight:bold;
}
#obu-qty{
    margin-top:1em;
    width:4.1em;
    padding-right:0;
}
#obu-cost-table{
    display:inline-table;
    vertical-align:top;
    margin-left:10px;
    position:relative;
}
#obu-cost-overlay{
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.8) url(https://webbasegps.at/WebbaseObuEasyShop/images/loading.gif) no-repeat center center;
}
#obu-cost-table div{
    display:table-row;
}
#obu-cost-table div div{
    display:table-cell;
    text-align: left;
}
#obu-cost-table div div:last-child{
    text-align: right;
    min-width:5em;
}
#obu-easy-img{
    display:none;
}
#obu-easy-img2{
    width:250px;
    margin:.5em;
}
#obu-order-block{
    width:auto;
}
#obu-order-block input[type=submit]{
    transition: all .3s;
    width:auto;
    padding:0 1em;
    border-radius:5px;
    background:#f4f142;
    border:0;
    color:#000;
    box-shadow: 3px 3px 5px rgba(0,0,0,.3);
}

form > p {
    margin:1em 1%;
}
a{
    color:#666;
}
a:hover{
    color:#1f90ba;
}

@media screen and (max-width: 920px){
    .column{
        width:47.5%;
    }
}
@media screen and (max-width: 660px){
    body{
        text-align:center;
    }
    #obu-easy-img{
        display:block;
        margin:0 25% 0 15%;
        width:60%;
    }
    #obu-easy-img2{
        display:none;
    }
    #obu-order-qty{
        margin:1em 10px;
    }
    .column{
        width:100% !important;
        margin:0;
        text-align:left;
    }
    #obu-order-block input[type=submit]{
        width:100%;
        margin:1em 0;
    }
}
@media only screen and (max-device-width: 660px){
    body{
        font-size:32pt;
        text-align:center;
    }
    #obu-easy-img{
        display:block;
        margin:0 25% 0 15%;
        width:60%;
    }
    #obu-easy-img2{
        display:none;
    }
    #obu-order-qty{
        margin:1em 10px;
    }
    .column{
        width:100% !important;
        margin:0;
        text-align:left;
    }
    form input[type=checkbox],
    form input[type=radio],label{
        height:32pt;
        width:32pt;
    }
    #obu-order-block input[type=submit]{
        width:100%;
        margin:1em 0;
    }
}