.btn3d {
    transition:all .08s linear;
    position:relative;
    outline:medium none;
    border:0px;
    margin-right:10px;
    margin-top:0px;
}

.btn3dsmall {
    width: 35px;
    height: 35px;
    transition:all .08s linear;
    position:relative;
    outline:medium none;
    border:0px;
    margin-right:0px;
    margin-top:0px;
}


.btn3d:focus {
    outline:medium none;
    background-color: #e1e7e7; /* Hintergrundfarbe ändern, wenn Fokus */
    color: #000000;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #adadad, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
}

.btn3d:active {
    top:2px;
}
.btn-default {
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #adadad, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#fff;
}
.btn-primary {
    box-shadow:0 0 0 1px #428bca inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #357ebd, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#428bca;
}

.btn-secondary {
    box-shadow:0 0 0 1px #065D06 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #0EA70E, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#065D06;
}

.btn-success {
    box-shadow:0 0 0 1px #5cb85c inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #089c08, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#5cb85c;
}
 .btn-info {
    box-shadow:0 0 0 1px #5bc0de inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #46b8da, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#5bc0de;
}
.btn-warning {
    box-shadow:0 0 0 1px #f0ad4e inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #e44d11, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#f0ad4e;
}
.btn-danger {
    box-shadow:0 0 0 1px #c63702 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #C24032, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#ff4805;
}
.btn-grey {
    box-shadow:0 0 0 1px #575757 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #808080, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#A9A9A9;
}

.btn-grey:hover{
    background: rgb(145, 136, 134);
    color: #ffffff;
  }
.btn-lightgrey {
    box-shadow:0 0 0 1px #575757 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #808080, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#dcd8d8;
}
.btn-lightgrey:hover{
    background: rgb(145, 136, 134);
    color: #ffffff;
  }

.btn-purple {
    box-shadow:0 0 0 1px #575757 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #808080, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#bb51be;
}
.btn-purple:hover {
    background: rgb(86, 3, 124);
    color: #ffffff;
}


.btn-dark-purple {
    box-shadow:0 0 0 1px #575757 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #808080, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#552257;
    color: #ffffff;
}
.btn-dark-purple:hover {
    background: rgb(71, 58, 122);
    color: #000000;
}

.btn-dark-blue {
    box-shadow:0 0 0 1px #575757 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #808080, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#25233d;
    color: #ffffff;
}
.btn-dark-blue:hover {
    background: rgb(71, 58, 122);
    color: #000000;
}

.btn-verylightgrey {
    box-shadow:0 0 0 1px #575757 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #808080, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#e0d1d1;
}




.btn-dark {
    box-shadow:0 0 0 1px #575757 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #808080, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:#584a58;
}
.btn-dark:hover {
    background: rgb(202, 201, 206);
    color: #000000;
}

.btn-info:hover{
    background: rgb(85, 50, 182);
    color: #ffffff;
  }

.btn-danger:hover{
    background: rgb(252, 205, 117);
    color: #000000;
  }

.btnjn-space {
    margin-right: 5px;
    margin-top: 5px;
}

.btn-LightYellow {
    box-shadow:0 0 0 1px #575757 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 2px 0 0 #808080, 0 2px 0 1px rgba(0,0,0,0.4), 0 2px 2px 1px rgba(0,0,0,0.5);
    background-color:LightYellow;
}


.buttonVerySmall {
    height: 25px;
    
    padding-left: 8px;
    padding-top: 3px;
    font-size: 13px;


}