.jgc_graphic_checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 6px 0 0;
}

.jgc_graphic_checkbox input {
    margin: 0;
    visibility: hidden;
    display: block;
    top: 0;
    left: 0;
}

.jgc_graphic_checkbox label {
    display:inline-block;
    margin: 1px 0 0 8px;
    cursor: pointer;
}

.jgc_graphic_checkbox svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.jgc_graphic_checkbox svg.jgc_square {
    font-size: 19px;
    color: #d9d9d9;
    top: 2px;
}

.jgc_graphic_checkbox svg.jgc_check {
    font-size: 18px;
    z-index: 3;
    display: none;
    color: #0a0;
    left: 3px;
}

.jgc_graphic_checkbox svg.jgc_check.jgc_check_border_top {
    color: #fff;
    top: -2px;
    z-index: 1;
}

.jgc_graphic_checkbox svg.jgc_check.jgc_check_border_bottom {
    color: #fff;
    top: 2px;
    z-index: 2;
}

.jgc_graphic_checkbox.selected svg.jgc_check {
    display: block;
}

.jgc_graphic_checkbox_disabled svg.jgc_square, .jgc_graphic_checkbox_disabled svg.jgc_check, .jgc_graphic_checkbox_disabled label {
    color: #ccc;
}


/******************* Beitragsformulare *****************/
.bf_jgc {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 6px 0 0;
}

.bf_jgc input {
    margin: 0;
    visibility: hidden;
    display: block;
    top: 0;
    left: 0;
}

.bf_jgc label {
    display:inline-block;
    margin: 1px 0 0 8px;
    cursor: pointer;
}

.bf_jgc svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.bf_jgc svg.jgc_square {
    font-size: 19px;
    color: #d9d9d9;
    top: 2px;
}

.bf_jgc svg.jgc_check {
    font-size: 18px;
    z-index: 3;
    display: none;
    color: #0a0;
    left: 3px;
}

.bf_jgc svg.jgc_check.jgc_check_border_top {
    color: #fff;
    top: -2px;
    z-index: 1;
}

.bf_jgc svg.jgc_check.jgc_check_border_bottom {
    color: #fff;
    top: 2px;
    z-index: 2;
}

.bf_jgc.selected svg.jgc_check {
    display: block;
}