/* ausgleich für Abstände*/
#upload_usr_bild { margin-bottom:-2px; }

#upload_usr_bild > button,
#upload_usr_bild > label,
#upload_usr_bild > progress {  display:inline-block; vertical-align: middle;
                         box-sizing: border-box; width:56px; height:56px; padding:0;
                         margin-right:2px; margin-bottom:2px; }

#upload_usr_bild > button,
#upload_usr_bild > label { font-family:Arial; font-size:30px; font-weight:bold; }

#upload_usr_bild > button { border:#BBB 2px solid; border-radius:0; box-shadow:none; }
#upload_usr_bild > label  { text-align:center; line-height:56px;
                         background-repeat:no-repeat; background-position: center center;
                         color:#F76503; text-shadow: -1px 0 #FFF, 0 1px #FFF, 1px 0 #FFF, 0 -1px #FFF;
                         border:#F76503 2px solid;
                      }
#upload_usr_bild > progress { }

#upload_usr_bild > input[type=checkbox] { display:none }
#upload_usr_bild { counter-reset: LPC 0; }
#upload_usr_bild > input[type=checkbox]:checked + label::before { counter-increment:LPC; content:counter(LPC); }

#upload_usr_bild > input[type=checkbox]:not(:checked) + label { border:#000 2px solid; color:#000; opacity: 0.3; }
#upload_usr_bild > input[type=checkbox]:not(:checked) + label::before { content:'\d7' }

#upload_usr_bild > span {  display:block; margin-top:3px; color:#555; font-size:10px; display:none;  }
#upload_usr_bild > input[type='checkbox'] ~ span { display:block; margin-top:3px; color:#555; }