@layer components {
  .input-group label {
    display:block;
    font-weight:500;
    margin-bottom:5px;   /* Abstand Label → Feld */
  }

  .input {
    width:100%;
    padding:12px;
    border:none;                         /* alle Ränder entfernen */
    border-left:1px solid var(--primary);/* nur links */
    border-bottom:1px solid var(--primary);/* nur unten */
    border-radius:0;                     /* keine Rundungen */
    background:transparent;
  }

  .input:focus,
  .input:hover {
    outline:none;
    border-left-color: var(--accent);    /* gelb bei Hover/Focus */
    border-bottom-color: var(--accent);
  }
}

/* v69 sticky sidebar */
.sidebar{
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}