body {
    font-family: DFBSansWeb, Arial;
    font-size: 16px;
    line-height: 24px;
    color: #212121;

    background-image: url("/Clients/templates/panels/dfb/assets/img/spielfeld.svg");
    background-repeat: no-repeat;
    background-position: 53% center;
    background-size: 400%;
    background-attachment: fixed;
}

a {
    color: #20ae80;
}

.progress-bar{
    background-color: #20ae80;
}

a:hover {
    color: #ff8f58;
}

.navbar-default, .post {
    border-bottom-color: #198B66;
}

.navbar-default{
    border-bottom-width: 2px;
}

.btn.btn-primary,.btn.btn-success {

    background: #20AE80;
    border: 2px solid #20AE80;
    border-radius: 20px;

    padding-left: 30px;
    padding-right: 30px;

    font-family: DFBSansWeb, Arial;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    text-align: center;
    letter-spacing: 1.75px;
    text-transform: uppercase;

    color: #FFFFFF;
}

.btn.btn-primary:hover, .btn.btn-success:hover, .btn.btn-primary:focus, .btn.btn-success:focus{
    box-shadow: 0px 8px 20px rgba(32, 174, 128, 0.2);
    outline: none;
}

.btn-primary:active:focus, .btn-success.active:focus{
    border-color: #20AE80;
}

.btn.btn-primary:active, .btn.btn-success:active{
    box-shadow: 0px 4px 4px rgba(32, 174, 128, 0.3);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #20AE80;
}

.btn.btn-default, .btn.btn-secondary {

    border: 2px solid #20AE80;
    box-sizing: border-box;
    border-radius: 20px;

    padding-left: 30px;
    padding-right: 30px;

    font-family: DFBSansWeb, Arial;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    text-align: center;
    letter-spacing: 1.75px;
    text-transform: uppercase;

    color: #20AE80;
}

.btn.btn-default:hover ,.btn.btn-secondary:hover{

    background: rgba(255, 255, 255, 0.0001);
    box-shadow: 0px 8px 11px rgba(32, 174, 128, 0.3);
    border: 2px solid #20AE80;
}

.btn.btn-default:focus, .btn.btn-default:active ,.btn.btn-secondary:focus ,.btn.btn-secondary:active{

    background: rgba(255, 255, 255, 0.0001);
    box-shadow: 0px 4px 4px rgba(32, 174, 128, 0.3);
    border: 2px solid #198B66;
    color: #198B66;

    outline: none;
}

.btn.btn-default:focus:active ,.btn.btn-secondary:focus:active{
    border-color: #198B66;;
}


.btn.btn-danger {

    border: 2px solid #FF5858;
    background: #FF5858;
    box-sizing: border-box;
    border-radius: 20px;

    padding-left: 30px;
    padding-right: 30px;

    font-family: DFBSansWeb, Arial;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    text-align: center;
    letter-spacing: 1.75px;
    text-transform: uppercase;

    color: #FFFFFF;
}

.btn.btn-danger:hover{

    background: #FF5858;
    box-shadow: 0px 4px 4px rgba(255, 88, 88, 0.3);
    border: 2px solid #FF5858;
}

.btn.btn-danger:focus, .btn.btn-danger:active{

    background: rgba(255, 255, 255, 0.0001);
    box-shadow: 0px 4px 4px rgba(255, 88, 88, 0.3);
    border: 2px solid #FF5858;
    color: #000000;

    outline: none;
}

.btn.btn-danger:focus:active{
    border-color: #FF5858;;
}


.checkbox label::after{
    color: #20AE80;
    top: 1px;
}

.radio label::after{
    background-color: #20AE80;
}

.checkbox input[type="checkbox"]:focus + label::before, .radio input[type="radio"]:focus + label::before{
    outline: none;
}

.checkbox label::before, .radio label::before {

    border: 1px solid #198B66;

}

.checkbox-danger input[type="checkbox"]:checked + label::before, .radio-danger input[type="radio"]:checked + label::before {
    background-color: #20AE80;
    border-color: #20AE80;
}

.radio-danger input[type="radio"]:checked + label::before{
    border-color: #20AE80;
}

.radio-danger input[type="radio"]:checked + label::after{
    background-color: #20AE80;
}

.alert-info, .list-group-item-info {
    background-color: #dcf3eb;
    color: #000;
}

.alert-success {
    background-color: #dcf3eb;
    color: #20AE80 !important;
}

.modal-header{
    background-color: #dcf3eb;
    color: #000;
}

#cookieBanner .btn{

    padding-left: 15px;
    padding-right: 15px;

    margin-left: 4px;
    margin-right: 4px;

    font-size: 10px;
    line-height: 14px;
}

.checkbox label.notifyperemail::after{
    top: -1px;
    left: 2px;
}

.email-address-hint {
    margin-top: 8px;
    font-size: smaller;
}

.table-options .btn {
    white-space: inherit;
    font-size: 12px;
}

.fas.fa-info-circle.float-left{
    float: left;
    margin-right: 8px;
    padding: 3px;
}

#password-reset-buttons .btn-secondary{
    font-size: 8px;
    margin-bottom: 8px;
    margin-top: 8px;
}

#fanscore-bar {
    display: none !important;
}