.info{
	display: inline;
}

.scanner-cam {
    border: 5px solid red;
    width: 640px;
    height: 480px;
  }
  
  .scanner-cam--scanned {
    border-color: green;
  }

  .page-id-3814 label, .page-id-3831 label{
    margin-top: 20px;
  }

  .page-id-3814 .inside-article.grid, .page-id-3831 .inside-article.grid{
    padding: 0px 0px 40px 0px !important;

  }
  .page-id-3814 .grid label, .page-id-3831 .grid label{
    display:block;
  }

  .page-id-3814  .grid select, .grid input, .page-id-3831  .grid select, .grid input{
    width: 100% !important;
  }
  

  .page-id-3814 h3, .page-id-3831 h3{
      margin-top:40px;
  }

#Begleiter > div{
  margin-top:20px;

  display: flex;
  justify-content: space-between;
  align-items: flex-start;

}

  #Begleiter > div > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(50% - 20px);   

  }

  #Begleiter > div label{
    margin-top: 0px;
   
  }

  @media screen and (max-width: 650px) {
    #Begleiter > div{
      
      display: block;    
    
    }
    #Begleiter > div > div{
      width: 100%;
      margin-top:20px;
    }

    #Begleiter > div > div label{
      width: 120px;
      margin-right: 20px;
    }

    
    #Begleiter > div{
      margin-top:40px !important;
    }

    #Begleiter > div:first-child{
      margin-top:0px !important;
    }

  }

  @media screen and (max-width: 400px) {
    #Begleiter > div > div{
      display: block;
      width: 100%;
     
    }
    #Begleiter > div > div label{
      width: 100%;
      margin-right: 0px;
    }

  }