/* Floating Widget – proJob */
.pj-float{
  position:fixed;
  right:0px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:2px;
  z-index:9999;
}

.pj-item{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:0px;
  background:#f6a800;    
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  text-decoration:none;
  overflow:visible;
}
.pj-item img{
  display:block;
  width:48px;
  height:48px;
  pointer-events:none;
  user-select:none;
}

/* Label fährt beim Hover/Fokus aus */
.pj-label{
  position:absolute;
  right:100%;
  margin-right:0px;
  top:0;
  bottom:0;
  display:flex;
  align-items:center;
  white-space:nowrap;
  background:#f6a800;
  color:#ffffff;
  font:400 15px/1.1 lato, Helvetica, Arial, sans-serif;
  padding:0 14px;
  border-radius:0px;
  transform:translateX(10px);
  opacity:0;
  pointer-events:none;
  transition:transform .25s ease, opacity .25s ease;
}
.pj-item:hover .pj-label,
.pj-item:focus-visible .pj-label{
  transform:translateX(0);
  opacity:1;
}

/* Fokus-Style für Tastatur */
.pj-item:focus-visible{
  box-shadow:0 0 0 3px rgba(246,168,0,.4), 0 6px 18px rgba(0,0,0,.18);
}