/****/
/*Button Grundform, egal ob <input> <button> oder <a>*/
/****/

.hdnBtnGrundform {
    display: inline-block;
    width: auto;
    max-width: 300px;
    padding: 4px 18px;
    margin: 5px;
    border: 0px solid black;
    border-radius: 0px;
    cursor: pointer;
    text-align: center;
}

.hdnBtnGrundformDisabled {
    display: inline-block;
    width: auto;
    max-width: 300px;
    padding: 4px 18px;
    margin: 5px;
    border: 0px solid black;
    border-radius: 0px;
    cursor: pointer;
    text-align: center;
    background-color: #e5e5e5;
    color: lightgray;
}

.hdnBtnGrundform:hover,
.hdnBtnGrundformGroß:hover,
.hdnBtnGrundformFesteBreite:hover,
.hdnBtnGrundformHoch:hover,
.hdnBtnGrundformFesteBreiteGroß:hover,
.hdnBtnGrundformLang:hover,
.hdnBtnSuchen:hover {
    background-color: rgb(0,68,148);
    color: white;
}

.hdnGrün {
    background-color: rgb(173,200,19);
    color: white;
}

.hdnTürkis {
    background-color: rgb(0,179,220);
    color: white;
}

.hdnBlau {
    background-color: rgb(0,68,148);
    color: white;
}

.hdnRot {
    background-color: rgb(217, 83,79);
    color: white;
}

.hdnGrau {
    background-color: #e5e5e5;
    color: black;
}

.hdnTransparent {
    background-color: transparent;
    color: transparent;
}

/****/
/*Button Variationen*/
/****/

.hdnBtnGrundformGroß {
    display: inline-block;
    width: auto;
    max-width: 300px;
    padding: 8px 36px;
    margin: 5px;
    border: 0px solid black;
    border-radius: 0px;
    cursor: pointer;
    text-align: center;
}

.hdnBtnGrundformFesteBreite {
    display: inline-block;
    width: 300px;
    padding: 8px 36px;
    margin: 5px;
    border: 0px solid black;
    border-radius: 0px;
    cursor: pointer;
    text-align: center;
}

.hdnBtnGrundformHoch {
    display: inline-block;
    width: 300px;
    padding: 12px 18px;
    margin: 5px;
    border: 0px solid black;
    border-radius: 0px;
    cursor: pointer;
    text-align: center;
}

.hdnBtnGrundformHochTransparent {
    display: inline-block;
    width: 300px;
    padding: 12px 18px;
    margin: 5px;
    border: 0px solid black;
    border-radius: 0px;
    cursor: pointer;
    text-align: center;
}

.hdnBtnGrundformFesteBreiteGroß {
    display: inline-block;
    width: 300px;
    padding: 12px 0;
    margin: 5px;
    border: 0px solid black;
    border-radius: 0px;
    cursor: pointer;
    text-align: center;
}

.hdnBtnGrundformLang {
    display: inline-block;
    width: auto;
    max-width: 500px;
    padding: 4px 18px;
    margin: 5px;
    border: 0px solid black;
    border-radius: 0px;
    cursor: pointer;
    text-align: center;
}

.hdnBtnGrundformNoMaxWidth {
    display: inline-block;
    width: auto;
    padding: 8px 18px;
    border: 0px solid black;
    border-radius: 0px;
    cursor: pointer;
    text-align: center;
}

    .hdnBtnGrundformNoMaxWidth:hover {
        color: white;
        background-color: rgb(0,68,148);
    }

.hdnBtnSuchen {
    display: inline-block;
    padding: 12px 0;
    margin: 5px;
    border: 0px solid black;
    border-radius: 0px;
    cursor: pointer;
    text-align: center;
    width: 200px;
    height: 80px;
}